/* Theme Name: Extra Child Theme Theme URI: https://www.elegantthemes.com/preview/Extra/ Description: Extra Child Theme Author: Elegant Themes Author URI: http://www.elegantthemes.com Template: Extra Version: 1.0.0 */ @import url("../Extra/style.css"); /* =Theme customization starts here ------------------------------------------------------- */ body { color: rgba(0,0,0,.8); } /* Change the white to any color ;) */ input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px #556069 inset; -webkit-text-fill-color: #000 !important; } .logo { max-height: 88px; } /*.et-fixed-header #main-header .logo { margin: 10px 0 !important; }*/ #top-header { display: block !important; } #page-container { overflow-x: hidden; } @media only screen and (max-width: 480px) { .login-man { position: absolute; right: 15px; top: 15px; margin: 0 !important; } } #main-header { background: url('https://www.cockburnlibraries.com.au/wp-content/uploads/2018/03/Banner_bkg.png') bottom left no-repeat; background-size: auto 100%; background-color: #8bcdcd !important; } /*#et-navigation { background-color: #f7f7f7; height: 53px; transform: translateY(50%); } #et-navigation>ul {transform: translateY(50%); }*/ /* Woocommerce stuff */ /* Related products */ .with_sidebar.woocommerce-page .related.products .products li.product, .with_sidebar.woocommerce .related.products .products li.product { /*flex-basis: 25% !important;*/ } .with_sidebar.woocommerce-page ul.products li.product { width: 25%!important; max-width: 25%!important; min-width: 25%!important; } @media only screen and (min-width:901px) { .woo-related-medium, .woo-related-small { display: none; } } @media only screen and (max-width:800px) and (min-width:601px){ .with_sidebar.woocommerce-page ul.products li.product { width: 33.33333%!important; max-width: 33.33333%!important; min-width: 33.33333%!important; } .woo-related-large, .woo-related-small { display: none; } } @media only screen and (max-width:600px) { .with_sidebar.woocommerce-page ul.products li.product { width: 50%!important; max-width: 50%!important; min-width: 50%!important; } .woo-related-large, .woo-related-medium { display: none; } } /* END Related products */ /* Styling on single product */ .product_meta a { padding: 6px 10px; font-weight: normal !important; text-transform: none !important; border-radius: 3px; color: #fff!important; background-color: #d35151; outline: 0; border: 0; cursor: pointer; /*text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);*/ line-height: 40px; } .et_pb_wc_price .amount { padding: 6px 10px; border-radius: 3px; color: #404040!important; background-color: #fee24a; outline: 0; border: 0; /*text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);*/ } .tooltip-question-mark { color: #fff; font-size: 12px; font-weight: bold; background-color: rgba(0,0,0,.75); margin: 2px; padding: 0 6px; border-radius: 12px; } .tooltip-content { background-color: #fee24a; padding: 10px; border-radius: 3px; position: relative; z-index: 9999; } .woocommerce-error li, .woocommerce-info li, .woocommerce-message li { padding-left: 10px !important; } .woocommerce-page a.button, .woocommerce a.button { color: #404040!important; } .woocommerce-page .woocommerce-error, .woocommerce .woocommerce-error { color: #fff; background-color: #d35151; text-transform: uppercase; padding: 15px 15px 5px 45px; font-weight: 600; border-radius: 3px; border-top: none; } .woocommerce-page .woocommerce-error .button, .woocommerce .woocommerce-error .button { margin-top: -5px; padding: 8px 12px; background-color: #eaeaea; } .woocommerce-page .woocommerce-error:before, .woocommerce .woocommerce-error:before { color: #fff; font-size: 21px; left: 18px !important; top: auto; } .woocommerce-page .woocommerce-message, .woocommerce .woocommerce-message { font-size: 17px; text-transform: uppercase; font-weight: 600; border-radius: 3px; border-top: none; } .woocommerce-page .woocommerce-message .button, .woocommerce .woocommerce-message .button { font-size: 17px !important; margin-top: -5px; background-color: #eaeaea; } .woocommerce-page .woocommerce-message:before, .woocommerce .woocommerce-message:before { color: #fff; font-size: 25px; } .woocommerce-page .woocommerce-info, .woocommerce .woocommerce-info { color: #fff; background-color: #d35151; font-size: 17px; text-transform: uppercase; font-weight: 600; border-radius: 3px; border-top: none; } .woocommerce-page .woocommerce-info:before, .woocommerce .woocommerce-info:before { content: "\e016"; color: #fff; font-size: 21px; left: 20px !important; top: auto; } /* END Styling on single product */ /* Cart button */ .et-top-cart-total { margin-left: 50px; } #et-info .et-cart { color: #fff !important; } @media only screen and (max-width:1024px){ .et-top-cart-total { position: absolute; right: 20px; top: 0px; } } /* END Cart button */ /* END Woocommerce stuff */ /* JP Dates on JP post */ .jp-dates { margin-top: -40px; padding-left: 240px; } .jp-dates:before { content:"Next Coolbellup session:"; font-weight: bold; position: absolute; left: 20px; } .jp-dates img { display: none; } .jp-dates a { cursor: default; pointer-events: none; } @media only screen and (max-width:550px){ .jp-dates { display: inline; } .jp-dates h2 { margin-bottom: 50px; margin-left: 20px; } } /* END JP Dates on JP post */ /* COVID banner */ .mtsnb-hide { top: 20px !important; font-size: 35px!important; } .mtsnb .mtsnb-button { font-size: 18px; } @media only screen and (max-width:1024px){ .mtsnb .mtsnb-container { padding: 10px 40px 10px 20px !important; } } /* END COVID banner */ /* COVID contact */ @media only screen and (min-width:480px){ .et_bloom_optin_20 { max-width: 300px !important; } .et_bloom_optin_20 .et_bloom_form_container { width: 300px !important; } } .popup-button { margin: 0 auto !important; } .popup-button a { color: #fff; background-color: #d35151; padding: 6px 10px !important; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); border-radius: 3px; } /* END COVID contact */ /* COVID mystery books */ .et_pb_contact_field_6 .et_pb_contact_field_options_title, .et_pb_contact_field_9 .et_pb_contact_field_options_title, .et_pb_contact_field_11 .et_pb_contact_field_options_title, .et_pb_contact_field_15 .et_pb_contact_field_options_title, .et_pb_contact_field_17 .et_pb_contact_field_options_title, .et_pb_contact_field_21 .et_pb_contact_field_options_title, .et_pb_contact_field_23 .et_pb_contact_field_options_title, .et_pb_contact_field_12 .et_pb_contact_field_options_title, .et_pb_contact_field_18 .et_pb_contact_field_options_title { display: none; } /* END COVID mystery books */ /*History Donations Contact form*/ .otw-sc-toggle { max-width: 98%; border: 1px solid #d9d9d9; margin-bottom: 0 !important; } .otw-sc-toggle .toggle-trigger { font-size: 20px !important; font-weight: 700; background-color: #f4f4f4 !important; background-image: none !important; text-shadow: none !important; } .otw-sc-toggle .toggle-trigger .closed { display: none !important; } .otw-sc-toggle .toggle-trigger span { background-color: #CCC !important; } .otw-sc-toggle .toggle-content { border: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; padding-top: 30px !important; padding-right: 0 !important; padding-bottom: 0 !important; } .otw-sc-toggle .toggle-content p { display: none; } .otw-sc-toggle .toggle-content br { display: none; } /*END History Donations Contact form*/ .et_pb_contact_field_2 .et_pb_contact_field_radio, .et_pb_contact_field_4 .et_pb_contact_field_radio, .et_pb_contact_field_5 .et_pb_contact_field_radio { display: inline-block !important; padding-left: 15px; } .et_pb_contact_field_2 .et_pb_contact_field_options_title, .et_pb_contact_field_4 .et_pb_contact_field_options_title, .et_pb_contact_field_5 .et_pb_contact_field_options_title { display: inline-block !important; } #et-info .et-top-search .et-search-field { width: 220px; font-size: 14px; } #et-info .et-top-search .et-search-hidden { display: none; } #et-info .et-top-search .et-search-submit { margin-top: -12px; } #et-info .et-extra-social-icons-account { -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal } #et-info .et-extra-social-icons-account { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: row; padding: 0 } #et-info .et-extra-social-icons-account li { margin: 0 0 10px 10px } #et-info .et-extra-social-icons-account .et-extra-icon { background: rgba(255,255,255,.1) } #et-info .et-extra-social-icons-account .et-extra-icon:before { font-size:14px } .et-extra-icon-account-login { width: 130px; } a.et-extra-icon-account-login { text-align: left; color: #fff; font-size: 14px; font-weight: 600; } .et-extra-icon-account-login:before { content:'\e634'; float: left; margin-left: 6px; margin-right: 7px; } .et-extra-icon-account-login.et-extra-icon-background, .et-extra-icon-account-login.et-extra-icon-background-hover:hover { background:#517fa4!important } .et-extra-icon-account-login.et-extra-icon-color, .et-extra-icon-account-login.et-extra-icon-color-hover:hover { color:#517fa4 } /*.et_pb_widget.widget_et_social_followers .social-icon.et-extra-icon-account-login{background:0 0!important;box-shadow:inset 0 0 0 20px #517fa4}.et_pb_widget.widget_et_social_followers .social-icon.et-extra-icon-account-login:hover{box-shadow:inset 0 0 0 2px #517fa4}.et_pb_widget.widget_et_social_followers .social-icon.et-extra-icon-account-login:hover:before{color:#517fa4} .et-social-account-login a.icon:before{content:'\e09a'}*/ /*#et-navigation li a{ color: rgba(255,255,255,.2); text-transform: none; }*/ #et-mobile-navigation nav { padding-top: 15px; } #et-mobile-navigation #et-info { display: none; } /*#et-mobile-navigation #et-extra-mobile-menu li a { padding-top: 10px; padding-bottom: 10px; }*/ #et-menu .sub-menu { box-shadow: none; border-radius: 0; } #et-menu li>ul { border-color: #19b3b1; } #et-navigation>ul>li>a:before { background-color: #19b3b1 !important; } #et-navigation a:hover { color: #19b3b1 !important; } .et_pb_widget { box-shadow: /*3px 3px 10px #bebdbd; border-radius: 0;*/ none; } .show-menu-button { background: #2b3843; border-radius: 0; } .show-menu-button span{ background: rgba(255,255,255,.75); } .single article, .page article, .single-post article { border-top: none; border-radius: 0; box-shadow: 3px 3px 10px #bebdbd !important; } .single article h3 a:link, .page article h3 a:link, .single-post article h3 a:link, .single article h4 a:link, .page article h4 a:link, .single-post article h4 a:link { color: #b50010 !important; -webkit-transition: color ease-in-out 300ms; -moz-transition: color ease-in-out 300ms; -o-transition: color ease-in-out 300ms; transition: color ease-in-out 300ms; } .single article h3 a:visited, .page article h3 a:visited, .single-post article h3 a:visited, .single article h4 a:visited, .page article h4 a:visited, .single-post article h4 a:visited { color: #b50010 !important; } .single article h3 a:active, .page article h3 a:active, .single-post article h3 a:active, .single article h4 a:active, .page article h4 a:active, .single-post article h4 a:active { color: #b50010 !important; } .single article h3 a:hover, .page article h3 a:hover, .single-post article h3 a:hover, .single article h4 a:hover, .page article h4 a:hover, .single-post article h4 a:hover { color: #3f3f3f !important; } .et_pb_extra_module, .et_extra_other_module, .posts-blog-feed-module.masonry .hentry { box-shadow: 3px 3px 10px #bebdbd; border-radius: 0; } .et_pb_extra_module, .et_extra_other_module { overflow: visible; border-top: none; } .featured-posts-slider-module { overflow: hidden; border-radius: 0; } .featured-posts-slider-module .carousel-item { border-radius: 0; } .post-content.entry-content p > a:link { color: #b50010; } .post-content.entry-content p > a:visited { color: #b50010; } .post-content.entry-content p > a:active { color: #b50010; } .post-content.entry-content p > a:hover { color: #3f3f3f; } .et_pb_text_inner a:link { color: #b50010; } .et_pb_text_inner a:visited { color: #b50010; } .et_pb_text_inner a:active { color: #b50010; } .et_pb_text_inner a:hover { color: #3f3f3f; } .et_pb_text_inner h2 a:link { color: #3f3f3f; } .et_pb_text_inner h2 a:visited { color: #3f3f3f; } .et_pb_text_inner h2 a:active { color: #3f3f3f; } .et_pb_text_inner h2 a:hover { color: #b50010; } .post-content.entry-content li > a { color: #b50010; } .post-content.entry-content li > a:visited { color: #b50010; } .post-content.entry-content li > a:active { color: #b50010; } .post-content.entry-content li > a:hover { color: #3f3f3f; } .post-thumbnail { display: none !important; } .et_pb_extra_module .main-post article .post-content .excerpt { color: rgba(0,0,0,.8); } .et_pb_widget.widget_search .cat-search-submit { color: rgba(0,0,0,1); position: relative; float: right; top: -35px; right: 20px; background: 0; height: 0; padding: 0; border: none; line-height: normal; letter-spacing: normal; } .et_pb_widget.widget_search .cat-search-submit:before { content: '\e63a'; font-size: 16px; font-weight: 700; transition: .3s ease; font-family: ET-Extra!important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: inherit!important; } .et_pb_widget.widget_search .cat-search-list { color: #fff; height: 46px; padding-left: 20px; padding-right: 20px; border: none; outline: none; cursor: pointer; border-radius: 0; background-color: #008796 /*#3e5062*/; font-size: 16px; font-weight: 600; line-height: 1; letter-spacing: 1.2px; text-transform: uppercase;} select::-ms-expand { color: #fff; background: #008796 /*#3e5062*/; border: none; outline: none; } .et_pb_widget.widget_search .search-field { color: rgba(0,0,0,.7); } .et_pb_blurb_container { margin-left: 20px; margin-right: 20px; margin-top: -10px; } .et_pb_code .screen-reader-text { display: none; } .et_pb_code .module-search-field { width: 80%; background-color: #fff; } .et_pb_code .module-search-submit { color: rgba(0,0,0,1); position: relative; right: 30px; background: 0; height: 0; padding: 0; border: none; line-height: normal; letter-spacing: normal; } .et_pb_code .module-search-submit:before { content: '\e63a'; font-size: 16px; font-weight: 700; transition: .3s ease; font-family: ET-Extra!important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: inherit!important; } .et_pb_code .module-search-list { background-color: #fff; } .project-details .project-description, .project-details .project-tags, .project-details .project-url { display: none; } .et_pb_filterable_portfolio .et_pb_portofolio_pagination { border-top: none; } .et_pb_filterable_portfolio .et_pb_portfolio_filters li a { color: #666 !important; } .et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active { color: #82c0c7 !important; } /*.project .et_portfolio_image { border: 1px solid #e2e2e2; }*/ .et_pb_filterable_portfolio_grid .et_pb_portfolio_item img, .et_pb_gallery_grid .et_pb_gallery_item img, .et_pb_portfolio_grid .et_pb_portfolio_item img { margin-bottom: -8px; } /*Slider on Local History Project*/ #dm-slider .et_pb_slide_image img { margin-top: -60px; margin-left: 0px; max-height: 100% !important; box-shadow: 3px 3px 10px #bebdbd; } #dm-slider .et_pb_slide { padding-left: 0px; } #dm-slider .et-pb-controllers a { width: 24px; height: 4px; margin-right: 4px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #dm-slider .et-pb-arrow-prev, #dm-slider .et-pb-arrow-next { background-color: rgba(0, 0, 0, .25); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50% !important; } #dm-slider .et-pb-controllers { top: 30px !important; left: calc(47.25% + 20px)!important; width: 50%!important; height: 10px!important; text-align: left!important; } /* End */ .dcwss.dc-wall .stream li { padding-top: 0; } .dcwss.dc-wall .stream li .inner { margin: 0 0 10px 0; } .dcwss.dc-wall .stream li .section-text, .dcwss.dc-wall .stream li .section-title, .dcwss.dc-wall .stream li .section-user, .dcwss.dc-wall .stream li .section-share { margin-left: 10px; margin-right: 10px; margin-top: 10px; } .dcwss.dc-wall .stream li .section-thumb { margin: 0; } .dcwss.dc-wall .stream li .section-thumb img { width: 290px; border: none; margin-top: -1px !important; margin-left: -1px !important; } .dcwss.dc-wall .stream li { box-shadow: 3px 3px 10px #bebdbd; } .stream li.dcsns-twitter .twitter-user { float: left; } .stream li.dcsns-twitter .twitter-text { float: left; } .wall-outer .dcsns-toolbar .filter li:first-child a { border-radius: 3px 0 0 3px; padding: 10px 5px 10px 5px !important; } .wall-outer .dcsns-toolbar .filter li:first-child a:hover { background-color: #f4f4f4; } .wall-outer .dcsns-toolbar .filter li:last-child a { border-radius: 0 3px 3px 0; } .wall-outer .dcsns-toolbar .filter li a { padding: 6px 20px 10px 20px !important; border: 1px solid #E2E2E2; height: 36px; margin-right: -1px; } .wall-outer .dcsns-toolbar .filter li a .socicon { left: -9px; color: #666; } .wall-outer .dcsns-toolbar .filter li a:hover .socicon, .wall-outer .dcsns-toolbar .filter li a.iso-active .socicon { color: #fff; } .wall-outer .dcsns-toolbar .filter .link-all { color: #666 !important; height: 36px; text-shadow: none; font-size: 16px; width: 43px; } article.post-1342, article.post-32111, article.post-33094, article.post-38390, article.post-33092 { background: #eee; box-shadow: none !important; } .post-1342 .post-wrap, .post-236435 .post-wrap, .post-236441 .post-wrap, .post-236442 .post-wrap { padding: 0; } .post-32111 .post-wrap .et_pb_section, .post-33094 .post-wrap .et_pb_section, .post-38390 .post-wrap .et_pb_section, .post-33092 .post-wrap .et_pb_section, .post-236435 .post-wrap .et_pb_section, .post-236441 .post-wrap .et_pb_section, .post-236442 .post-wrap .et_pb_section { padding: 0; background: #eee; box-shadow: none; } .post-32111 .post-wrap .et_pb_row, .post-33094 .post-wrap .et_pb_row, .post-38390 .post-wrap .et_pb_row, .post-33092 .post-wrap .et_pb_row { width: 102%; background: #eee; box-shadow: none; padding-top: 0; } .post-32111 .et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item:nth-child(4n+1) { clear: none; } /*STUFF FOR PAGES*/ .et_pb_post_slider_0 .et_pb_slide { min-height: 450px; padding-left: 0; padding-right: 0; } .et_pb_post_slider_0 .et_pb_slide .et_pb_text_overlay_wrapper { background-color: rgba(0,0,0,.6) !important; width: 100%; padding: 10px; } .et_pb_post_slider_0 .et_pb_slide_description .et_pb_slide_title { font-size: 30px; font-weight: 600; padding-bottom: 0; } .et_pb_post_slider_0 .et_pb_slide_description .et_pb_slide_content div { display: none !important; } .et_pb_post_slider_0 .et_pb_slides .et_pb_slider_container_inner { display: block !important; } .et_pb_post_slider_0 .et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description { padding: 0; } .post-236435 .et_pb_post, .post-236441 .et_pb_post, .post-236442 .et_pb_post { padding: 15px !important; } /*END STUFF FOR PAGES*/ .post-33094 .post, .post-38390 .post, .post-33092 .post { padding-bottom: 0; margin-bottom: 0; } .post-33094 .post .post-content, .post-38390 .post .post-content, .post-33092 .post .post-content { margin-bottom: 20px; } .post-33094 .post .post-content .excerpt .read-more-button, .post-38390 .post .post-content .excerpt .read-more-button, .post-33092 .post .post-content .excerpt .read-more-button { color: rgba(0,0,0,.6); } .post-33094 .post-content.entry-content li > a, .post-38390 .post-content.entry-content li > a, .post-33092 .post-content.entry-content li > a { color: #565656; } .post-33094 .paginated .pagination li.active a, .post-38390 .paginated .pagination li.active a, .post-33092 .paginated .pagination li.active a { color: #fff; } .post-33094 .tabbed-post-module .tabs, .post-38390 .tabbed-post-module .tabs, .post-33092 .tabbed-post-module .tabs { display: none; } .post-33094 .tabbed-post-module .posts-list .post-content, .post-38390 .tabbed-post-module .posts-list .post-content, .post-33092 .tabbed-post-module .posts-list .post-content { margin-bottom: 0; } .post-33094 .carousel-item, .post-38390 .carousel-item, .post-33092 .carousel-item { margin-bottom: 0; } .post-33094 .carousel-item .post-content, .post-38390 .carousel-item .post-content, .post-33092 .carousel-item .post-content { margin-bottom: 0px; } .post-33094 .carousel-item .post-content a, .post-38390 .carousel-item .post-content a, .post-33092 .carousel-item .post-content a { color: #fff; } .post-33094 .et_pb_portfolio .et_pb_portfolio_item, .post-38390 .et_pb_portfolio .et_pb_portfolio_item, .post-33092 .et_pb_portfolio .et_pb_portfolio_item, .post-236435 .et_pb_portfolio .et_pb_portfolio_item, .post-236441 .et_pb_portfolio .et_pb_portfolio_item, .post-236442 .et_pb_portfolio .et_pb_portfolio_item { background-color: #fff; box-shadow: 3px 3px 10px #bebdbd; } .post-33094 .et_pb_portfolio .et_pb_portfolio_item h2, .post-38390 .et_pb_portfolio .et_pb_portfolio_item h2, .post-33092 .et_pb_portfolio .et_pb_portfolio_item h2, .post-236435 .et_pb_portfolio .et_pb_portfolio_item h2, .post-236441 .et_pb_portfolio .et_pb_portfolio_item h2, .post-236442 .et_pb_portfolio .et_pb_portfolio_item h2 { margin: 0 10px 20px 10px !important; } .post-33094 .et_pb_gutters3 .et_pb_column_1_3, .post-38390 .et_pb_gutters3 .et_pb_column_1_3, .post-33092 .et_pb_gutters3 .et_pb_column_1_3 { margin-right: 2%; } .post-33094 .featured-posts-slider-module .post-content h3 a, .post-38390 .featured-posts-slider-module .post-content h3 a, .post-33092 .featured-posts-slider-module .post-content h3 a { font-size: 28px !important; color: #fff !important; } .post-33094 .tabbed-post-module .posts-list li article, .post-38390 .tabbed-post-module .posts-list li article, .post-33092 .tabbed-post-module .posts-list li article { box-shadow: none !important; } .post-33094 .tabbed-post-module .posts-list li a, .post-38390 .tabbed-post-module .posts-list li a, .post-33092 .tabbed-post-module .posts-list li a { color: inherit !important; } .post-33094 .tabbed-post-module .main-post article, .post-38390 .tabbed-post-module .main-post article, .post-33092 .tabbed-post-module .main-post article { box-shadow: none !important; } .post-33094 .tabbed-post-module .posts-list, .post-38390 .tabbed-post-module .posts-list, .post-33092 .tabbed-post-module .posts-list { border-left: 1px solid rgba(0,0,0,.1); } .post-33094 .posts-blog-feed-module.standard article, .post-38390 .posts-blog-feed-module.standard article, .post-33092 .posts-blog-feed-module.standard article { box-shadow: none !important; } /*.post-32412 .post-wrap .et_pb_row { width: 100%; }*/ /*.post-32136 .post-wrap .et_pb_row_0 { width: 100%; padding-left: 30px; }*/ .post-32136 .posts-blog-feed-module.standard .header { display: block !important; } .post-32136 .posts-blog-feed-module.standard article { box-shadow: none !important; } .post-32136 .posts-blog-feed-module.standard { box-shadow: none !important; } .post-32136 .featured-posts-slider-module .post-content h3 a { font-size: 28px !important; color: #fff !important; } .post-32136 .featured-posts-slider-module .post-content-box { padding-top: 20px !important; } .post-32136 .featured-posts-slider-module .post-meta a { color: #fff !important; } .post-32136 .featured-posts-slider-module { box-shadow: none; } article.post-37737 { background-color: #f1f1f1 !important; } .post-37737 .post-wrap { padding: 0 !important; } /*#breadcrumbs { width: 90%; max-width: 1280px; margin: 0 auto; margin-top: 5px; } #breadcrumbs > span:first-child { color: #000; font-size: 14px; font-weight: 600; line-height: 1.3em; background-color: #fff; box-shadow: 3px 3px 10px #bebdbd; padding: 10px 20px; margin-bottom: -10px !important; } #breadcrumbs span.breadcrumb_last { font-size: 26px; font-weight: 600; text-transform: uppercase; color: rgba(0,0,0,.75) !important; } #breadcrumbs a { color: #666; } #breadcrumbs a:hover { color: #82c0c7; }*/ /*#breadcrumbs { width: 100%; min-height: 46px; max-width: 1280px; margin: 0 auto; margin-top: 30px; background-color: #008796 ; padding: 10px 20px; line-height: 25px; vertical-align: middle; } #breadcrumbs > span:first-child { color: #fff; font-size: 14px; font-weight: 600; } #breadcrumbs span.breadcrumb_last { color: #fff; font-size: 26px; font-weight: 600; text-transform: uppercase; } #breadcrumbs a { color: #fff; } #breadcrumbs a:hover { color: #266fb7; }*/ .et_pb_filterable_portfolio .et_pb_portfolio_filters { margin: 0 0 15px; } .et_pb_gutters3 .et_pb_column_4_4 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item { background-color: #fff; margin: 20px 20px 20px 0; box-shadow: 3px 3px 10px #bebdbd; min-height: 325px; } .et_pb_filterable_portfolio_grid .et_pb_portfolio_item.et_pb_grid_item { width: 31.2% !important; } .et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2 { margin-left: 10px !important; margin-right: 10px !important; } .et_pb_portfolio_item .post-meta { margin-left: 10px; margin-right: 10px; margin-bottom: 10px; border-bottom: solid 1px #d9d9d9; padding-bottom: 15px; } .et_pb_portfolio_item .post-meta a { color: #666; } .et_pb_portfolio_item .post-meta a:hover { color: #82c0c7; } .page .post-wrap h1.entry-title, .post-header h1.entry-title, .archive h1 { display: none; } .post-header { padding: 20px 60px; } #et-navigation>ul>li>a { cursor: default; } #et-navigation li a { padding: 11px 0; border-bottom: none; } .special-button { color: #191919 !important; border: 2px solid #191919; } .special-button:hover { padding: .5em 1em; background-color: #f2f2f2; } .more-link { color:rgba(0,0,0,.6) !important; float: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-top: 20px; background-color: #e5e5e5; text-transform: uppercase; font-weight: 600; border-radius: 3px; padding: 10px 12px; outline: 0; background: rgba(0,0,0,.1); border: 0; border-style: solid; border-radius: 3px; box-shadow: none; font-family: inherit; font-size: inherit; font-weight: 600; line-height: normal; text-shadow: none; text-transform: uppercase; cursor: pointer; transition: .3s ease; border-color: #FFF; } .more-link:hover { background: rgba(0,0,0,.2); color: rgba(0,0,0,.75) !important; text-shadow: none; } .more-link:after { content:'\e62f'; margin:1px 0 0 -5px; opacity:0; color: inherit!important; position: relative; transition:.3s ease; font-family: ET-Extra!important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: inherit!important; } .more-link:hover:after { margin: 1px 0 0 6px; opacity: 1; } .more-link:visited { color:rgba(0,0,0,.6); } .home-more-link { color:rgba(0,0,0,.6) !important; background-color: #e5e5e5; text-transform: uppercase; font-weight: 600; border-radius: 3px; padding: 10px 12px; outline: 0; border: 0; border-style: solid; border-radius: 3px; box-shadow: none; font-family: inherit; font-size: inherit; font-weight: 600; line-height: normal; text-shadow: none; text-transform: uppercase; cursor: pointer; transition: .3s ease; border-color: #FFF; } .home-more-link:hover { background-color: #cccccc; color: rgba(0,0,0,.75) !important; text-shadow: none; } .home-more-link:after { content:'\e62f'; margin:1px 0 0 -5px; opacity:0; color: inherit!important; position: relative; transition:.3s ease; font-family: ET-Extra!important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: inherit!important; } .home-more-link:hover:after { margin: 1px 0 0 6px; opacity: 1; } .home-more-link:visited { color:rgba(0,0,0,.6); } .et_pb_blog_grid .et_pb_post { border: none; background-color: #fff; box-shadow: 3px 3px 10px #bebdbd !important; } .et_pb_gutters3 .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3 { width: 30.7% !important; margin-right: 20px; } .list-icons { margin-right: 15px; font-size: 20px !important; } .et_pb_widget.widget_text .textwidget { padding: 0; } #mc4wp_form_widget-2 .newsletter-form { padding: 20px; } #mc4wp_form_widget-2 .newsletter-form input { width: 100%; } .mc4wp-alert.mc4wp-error { color: #fff; background-color: #ff5a5f; padding: 15px 15px 10px 15px; } .mc4wp-alert.mc4wp-success { color: #363636; background-color: #63df59; padding: 15px 15px 10px 15px; } .posts-blog-feed-module.standard .hentry.et-format-video.et-has-post-format-content .header { } .posts-blog-feed-module.standard .hentry.et-format-video.et-has-post-format-content .post-content { } .posts-blog-feed-module.standard .header { display: none !important; } .posts-blog-feed-module.standard .post-content { width: 100% !important; } .post-title a { color: #4d4d4d !important; -webkit-transition: color ease-in-out 300ms; -moz-transition: color ease-in-out 300ms; -o-transition: color ease-in-out 300ms; transition: color ease-in-out 300ms; } .post-title a:hover { color: #0098d3 !important; } .posts-blog-feed-module .header img, .et_pb_extra_module .main-post article .header img { width: auto !important; } @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { /* IE10+ specific styles go here */ .posts-blog-feed-module .header img, .et_pb_extra_module .main-post article .header img { width: 100% !important; } } .et_monarch .et_social_inline_bottom { margin-top: 100px; } .et_monarch .et_social_inline_bottom .et_social_left .et_social_network_label { padding: 14px 14px 0 10px; } .et_monarch .et_social_inline_bottom .et_social_left .et_social_networkname { font-size: 1px; letter-spacing: -1px; color: transparent; } .et_monarch .et_social_inline_bottom .et_social_left .et_social_networkname:before { content: 'Share' !important; font-size: 15px !important; white-space: nowrap; letter-spacing: normal; color: #fff; } .et_monarch .widget_monarchwidget .et_social_left .et_social_network_label { padding: 14px 14px 0 10px; } .et_monarch .widget_monarchwidget .et_social_left .et_social_networkname { font-size: 1px; letter-spacing: -1px; color: transparent; } .et_monarch .widget_monarchwidget .et_social_left .et_social_networkname:before { content: 'Follow' !important; font-size: 15px !important; white-space: nowrap; letter-spacing: normal; color: #fff; } .featured-posts-slider-module .carousel-item .post-content-box { top: 0 !important; bottom: auto !important; } .featured-posts-slider-module .et-pb-controllers { top: auto !important; bottom: 0 !important; } .et_pb_extra_column_sidebar { opacity: 1; -webkit-animation: fadeRight 1.5s 1 cubic-bezier(.77,0,.175,1); animation: fadeRight 1.5s 1 cubic-bezier(.77,0,.175,1); } iframe{ width: 1px; min-width: 100%; } #ytc-wrapper .ytcplayer-wrapper { margin-bottom: 45px !important; } .et_bloom_below_post .et_bloom_form_header { padding-top: 0 !important; padding-bottom: 0 !important; } .et_bloom_below_post .et_bloom_form_header img { padding-top: 0 !important; } .et_bloom_below_post .et_bloom_form_text { padding-bottom: 0 !important; } .et_bloom_below_post .et_bloom_form_content { margin-top: 90px !important; } .et_bloom_form_content .et_bloom_popup_input input { border: 2px solid #ededed !important; } .comment-body { padding: 20px 70px 30px 120px !important; background: none !important; background-color: #FFF !important; } .comment_avatar { top: 20px !important; left: 20px !important; } #commentform textarea { color: #3b3b3b !important; } .comment-body .comment_area p a:link { color: #b50010 !important; } .comment-body .comment_area p a:visited { color: #b50010 !important; } .comment-body .comment_area p a:active { color: #b50010 !important; } .comment-body .comment_area p a:hover { color: #3f3f3f !important; } /* START COMMUNITY INFO SEARCH STYLES */ .mcd-search-widget div.container label{ padding:10px 0 3px; font-weight:700; display:block; } .mcd-search-widget div.container .twitter-typeahead,.mcd-search-widget div.container .twitter-typeahead input{ width:100%; margin-top: 10px;} .mcd-search-widget div.container .search-button { display: inline-block; color: #191919 !important; border: 2px solid #191919; font-size: 20px; font-weight: 500; padding: .3em 1em; margin-left: 15px; line-height: 1.7em!important; background-color: transparent; background-repeat: no-repeat; border-radius: 3px; transition: all .2s; background-size: cover; background-position: center; position: relative; } .mcd-search-widget div.container .search-button:hover { border: 2px solid transparent; padding: .3em 2em .3em .7em; background-color: #f2f2f2; } .mcd-search-widget div.container .search-button:after { font-family: ETmodules!important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-shadow: 0 0; font-size: 32px; content: "\35"; opacity: 0; position: absolute; margin-left: -1em; transition: all .2s; } .mcd-search-widget div.container .search-button:hover:after { opacity: 1; margin-left: 0; } /* END COMMUNITY INFO SEARCH STYLES */ .et_pb_widget .widgettitle { background-color: #008796; } /*.et_pb_countdown_timer div.seconds.section.values { display: none !important; }*/ /* START ESMART BANNER */ .mojo-sp { height: unset !important; border: 1px solid rgba(0,0,0,.125); } #mojo-sp-right-wrap { height: 99px !important; top: 173px !important; } .mojosp-widget-area { padding: 0px !important; } #mojo-sp-right { box-shadow: 3px 3px 10px #bebdbd !important; -webkit-box-shadow: 3px 3px 10px #bebdbd !important; -moz-box-shadow: 3px 3px 10px #bebdbd !important; border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; } #mojo-sp-right p { color: #495057; text-align: justify; padding: 20px 30px 20px 25px !important; } #mojo-sp-right h2 { color: #ffffff; background-color: #008796; text-align: center; text-transform: capitalize; font-size: 1.25rem; font-family: -apple-system, system-ui, "Segoe UI"; font-weight: 600; padding-top: 10px; margin-top: -3px; } #mojo-sp-right h3 { padding-bottom: 3px !important; } #mojo-sp-right-wrap > button { top: -15px !important; left: 0px !important; background-color: rgba(255, 255, 255, 0) !important; z-index: 99; } .mojosp-panel-visible .mojo-sp-button { display: block !important; height: 49px !important; } .mojosp-panel-visible .mojo-sp-button .dashicons-no-alt:before { font-size: 30px; } /* END ESMART BANNER */ .post-password-form { margin: 30px 40px 10px 50px; } .ui-datepicker-calendar a { color: #000 !important; } .ea-bootstrap.ea-bootstrap .selected-time { background-color: #4289cc !important; } .ea-bootstrap .time-disabled { background-color: #F66 !important; } /*input[name=end-date-max-1-year] { width: 70% !important; float: right; }*/ .et-pb-contact-message { color: #ffffff; width: 100%; font-size: 21px; font-weight: bold; text-transform: uppercase; line-height: 1em; background-color: #e03b00; text-align: center; -moz-box-shadow: 3px 3px 10px #bebdbd; -webkit-box-shadow: 3px 3px 10px #bebdbd; box-shadow: 3px 3px 10px #bebdbd; -webkit-animation: bounceIn 2s; animation: bounceIn 2s; } .et-pb-contact-message p { padding: 8px 0px; } /* CHANGES TO EVENTBRITE POSTS */ section.wfea.grid { grid-template-columns: repeat(2, 1fr); grid-gap: 25px; } section.wfea article .wfea-group .wfea-banner { background-color: #fff; } section.wfea article .wfea-group { border-spacing: 0 0; background-color: #fff; } section.wfea.grid .entry-meta { padding: 15px; margin: 0px 20px 20px 20px; background-color: #eee; border: none; text-align: center; } section.wfea.grid .excerpt { margin-left: 20px; margin-right: 20px; } section.wfea.divi article .booknow { margin-left: 20px; margin-right: 20px; } section.wfea.divi article .booknow a { color: rgba(255,255,255,1); font-family: -apple-system, system-ui, "Segoe UI"; font-size: 1.25rem; font-weight: 600; letter-spacing: 1.2px; background-color: #008796; border-color: #008796; text-align: center; } section.wfea.divi article .booknow a::after { color: rgba(0,0,0,1); } section.wfea.divi article .booknow a:hover { color: rgba(0,0,0,1); background-color: #ccc; } section.wfea.grid article .wfea-group header .entry-title a { color: #4d4d4d !important; } section.wfea.grid article .wfea-group header .entry-title a:hover { color: #0098d3 !important; } article.post-47813, article.post-47827, article.post-47828, article.post-47829 { background: #eee !important; box-shadow: none !important; } @media only screen and (max-width:480px){ section.wfea.grid { grid-template-columns: repeat(1, 1fr); } } /* CHANGES TO EVENTBRITE WIDGET */ .textwidget section.wfea.grid { grid-template-columns: repeat(1, 1fr); grid-gap: 0px; } .textwidget section.wfea.grid .entry-meta { display: none; } .textwidget section.wfea.grid article { margin-bottom: 0px; } .textwidget section.wfea article .wfea-group figure { padding: 15px; } .textwidget section.wfea article .wfea-group .wfea-banner:hover { background-color: #e6e7e8; } .textwidget section.wfea article .wfea-group header { padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #eee; } /* CHANGES TO EVENTBRITE CALENDAR VIEW */ .fc-day-grid-event .fc-content, .fc-time-grid-event .fc-content { color: #fff; white-space: normal !important; overflow: visible !important; padding: 5px; } .fc-day-grid-event .fc-content a { } .fc-event .fc-bg { opacity: 0 !important; } /* END CHANGES TO EVENTBRITE POSTS */ /* PROGRAMS SIDEBAR */ .prog-side-wrap { float: left; width: 100%; font-family: -apple-system, system-ui, "Segoe UI"; text-transform: uppercase; padding: 15px 20px; border-bottom: 1px solid #eee; } .prog-side-wrap:hover { background-color: #e6e7e8; } .prog-side-img-wrap { float: left; width: 53px; height: 53px; border: 1px solid #EEE; box-shadow: none; margin: 2px 10px 2px 0; padding: 3px; } .prog-side-text { float: left; display: contents; } /* END PROGRAMS SIDEBAR */ .synd-book-hover { opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } .synd-book-hover:hover { opacity: 0.5; } /* EVENTBRITE FOLLOW SIDEBAR */ .event-follow { color: #495057; font-weight: normal; font-size: 16px; font-family: -apple-system, system-ui, "Segoe UI"; border-top: 1px solid rgba(0,0,0,.1); margin: 0; padding: 15px 20px; } .event-follow .read-more-button { font-weight: 600 !important; margin-top: -15px; margin-bottom: 15px; } /* END EVENTBRITE FOLLOW SIDEBAR */ @media only screen and (max-width:3000px) and (min-width:1260px){ .tabbed-post-module .tabs ul li { display: inline-block !important; } .tabbed-post-module .tabs ul li { width: auto !important; border-right: 1px solid rgba(0,0,0,.1) !important; } } /*@media only screen and (max-width:1700px){ #breadcrumbs { margin-left: 11.5%; } } @media only screen and (max-width:1500px){ #breadcrumbs { margin-left: 6.5%; } }*/ @media only screen and (max-width:1220px){ /*#top-header .container{ justify-content: flex-end; }*/ .et-trending { display: none; } } @media only screen and (max-width:1170px) and (min-width:1024px){ .et_pb_widget.widget_search .cat-search-submit:before { display: none; } } @media only screen and (max-width:1100px) and (min-width:1024px){ #et-navigation li { max-width: 120px; } } @media only screen and (max-width:1024px){ #et-info { border-bottom: none; padding: 0; margin-bottom: -10px; } #et-info .et-extra-social-icons-account li { margin-left: 0; } /*#breadcrumbs { margin-left: 0px; }*/ #mojo-sp-right-wrap { display: none !important; } } @media only screen and ( max-width: 1412px ){ .et_pb_gutters3 .et_pb_column_4_4 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item { margin: 20px 20px 20px 0 !important; } .et_pb_filterable_portfolio_grid .et_pb_portfolio_item.et_pb_grid_item { width: 30.7% !important; } /*.et_pb_filterable_portfolio_grid .et_pb_portfolio_item.et_pb_grid_item { width: 29.66%; } .et_pb_filterable_portfolio_grid .et_pb_portfolio_item.et_pb_grid_item:nth-child(3n) { margin-right: 0 !important; }*/ } @media only screen and (max-width:1270px) and (min-width:1030px){ #main-header .logo { margin-top: 30px !important; } .logo { max-width: 188px; max-height: 50px; } #et-navigation>ul { margin-top: 40px; } } @media only screen and (max-width:1030px) and (min-width:1024px){ #main-header .logo { margin-top: 30px !important; } .logo { max-width: 178px; max-height: 47px; } #et-navigation>ul { margin-top: 40px; } } @media only screen and (max-width:1159px) and (min-width:1024px){ .et_pb_filterable_portfolio_grid .et_pb_portfolio_item.et_pb_grid_item { width: 30.3% !important; } } @media only screen and (max-width:1270px) and (min-width:1160px){ .et_monarch .et_social_inline_bottom .et_social_left .et_social_network_label { padding: 14px 14px 0 5px; } } @media only screen and (max-width:1160px) and (min-width:1024px){ .et_monarch .widget_monarchwidget .et_social_left .et_social_network_label { padding: 14px 14px 0 5px; } .et_monarch .et_social_inline_bottom .et_social_left .et_social_network_label { padding: 14px 14px 0 2px; } } @media only screen and (max-width:1110px) and (min-width:1024px){ .et_monarch .et_social_inline_bottom .et_social_left .et_social_networkname:before { font-size: 12px !important; } } @media only screen and (max-width:910px) and (min-width:800px){ .et_monarch .et_social_inline_bottom .et_social_left .et_social_network_label { padding: 14px 14px 0 5px; } } @media only screen and (max-width:800px) and (min-width:768px){ .et_monarch .et_social_inline_bottom .et_social_left .et_social_network_label { padding: 14px 14px 0 2px; } } @media only screen and (max-width:800px) and (min-width:768px){ .et_monarch .et_social_inline_bottom .et_social_left .et_social_networkname:before { font-size: 12px !important; } } @media only screen and (max-width:768px){ .logo { margin: 13px 0; } } @media only screen and (max-width:730px){ #et-info .et-extra-social-icons { display: none; } } @media only screen and (max-width:650px){ .logo { max-height: 50px; } } /*@media only screen and (max-width:480px){ #et-info .et-top-search { width: 220px; } #et-info .et-extra-social-icons-account li { margin-left: 10px; } } @media only screen and (max-width:417px){ #top-header .container { width: 100%; padding-right: 6px !important; } } @media only screen and (max-width:390px){ #et-info .et-top-search { width: 192px; } #et-info .et-top-search .et-search-field { width: 192px; font-size: 11px; } #et-info .et-extra-social-icons-account { width: 120px; } #et-info .et-extra-social-icons-account li { width: 120px; } #et-info .et-extra-icon-account-login { width: 110px; } a.et-extra-icon-account-login { font-size: 11px; } }*/ /*_______________________________________________________________________________________________________________________________________________________________________________________________________________*/ /* changes for new website */ body { background-color: #f0f0f0; } .container { max-width: 1200px; } #et-menu { display: none !important; } #et-secondary-nav { padding-left: 23px; } #et-secondary-menu li { margin-right: 10px; } #et-secondary-menu li>ul { padding-bottom: 3px; } #et-secondary-menu li>ul a { padding-top: 6px; } #et-secondary-menu a { color: #fff; } .menu-item-home a { color: #fff !important; } #et-secondary-menu li.current-menu-item>a { color: #212529; } #et-secondary-menu a:hover { color: #b3dce0; } .login-man { display: none; } #top-header { height: 56px; } #main-header { /*background-image: url(https://www.cockburnlibraries.com.au/wp-content/uploads/2019/08/books.png);*/ background-image: url(https://www.cockburnlibraries.com.au/wp-content/uploads/2020/06/wave.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; min-height: 150px; } #main-header:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 48px !important; background-color: rgba(0,0,0,.5); } #et-info .et-top-search { margin-bottom: 0px; margin-top: -6px; } .bread-wrapper { width: 100%; background-color: #585452; } #breadcrumbs { font-size: 15px; width: 100%; height: 48px; max-width: 1200px; background-color: #585452; margin: 0 auto; padding: 10px 20px; line-height: 25px; vertical-align: middle; } #breadcrumbs span { background-color: #585452; } #breadcrumbs span span { margin-left: 5px; } #breadcrumbs > span:first-child { color: #fff !important; } #breadcrumbs span.breadcrumb_last { background-color: #585452; color: rgba(255,255,255,.8); } #breadcrumbs a { color: #fff; margin-right: 5px; } #breadcrumbs a:hover { text-decoration:underline; color: #fff; } /*#et-secondary-menu li ul.sub-menu { display: none!important; } #et-secondary-menu li.show-submenu ul.sub-menu { display: block!important; visibility: visible!important; opacity: 1!important; }*/ header.header li.menu-item-has-children>a:after { width: 0; height: 0; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; } .nav li ul { border-top: none; } #et-secondary-menu li.show-submenu ul.sub-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: .5rem 0; margin: .125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.15); border-radius: .25rem; } #et-secondary-menu li { font-family: -apple-system, system-ui, "Segoe UI"; font-size: 1rem !important; } #et-secondary-menu li>ul { background-color: #fff; border: 1px solid rgba(0,0,0,.15); border-radius: .25rem; width: 275px; } #et-secondary-menu li>ul a { color: #212529; font-family: -apple-system, system-ui, "Segoe UI"; font-size: 1rem; } #et-secondary-menu li>ul a:hover { color: #212529; } #et-secondary-menu>li>a:before { display: none; } .nav li li { padding: 0; } .nav li li:hover { background-color: #f8f9fa; } #et-navigation { height: 76.5px; margin: 36.75px 0; flex-grow: 1; max-width: 100%; position: relative; margin: 15px 0 10px 10px; } #et-navigation .et-search-form, #et-navigation .advanced-search-link { flex-grow: 1; float: right; } #et-navigation .et-search-field { width: 510px; font-size: 16px; background-color: transparent !important; color: #fff; border-bottom: 1px solid #fff; border-radius: 0; margin: 0; padding: 7px 10px; font-family: -apple-system, system-ui, "Segoe UI"; font-weight: 400; -webkit-appearance: none; } #et-navigation .et-search-field::placeholder { text-transform: none !important; font-family: -apple-system, system-ui, "Segoe UI"; font-weight: 400; font-size: 15px; letter-spacing: 0.5px; color: rgba(255,255,255,.8); } #et-navigation .et-search-hidden { width: 265px; color: #fff; background-color: rgba(255,255,255,.3); border: 1px solid #ced4da; border-radius: 0; padding: 7px 12px; margin-left: 20px; margin-right: -10px; } #et-navigation .et-search-hidden option { color: rgba(88,89,91,1) !important; } #et-navigation .et-search-submit{ position: relative; background: 0; padding: 0; margin-top: -9.5px; margin-left: -30px; border: none; font-size: inherit; line-height: normal; font-family: inherit; letter-spacing: normal; transform: rotateY(180deg); } #et-navigation .et-search-submit:before { color: #fff; position: relative; transition: .3s ease; font-family: ET-Extra !important; content:'\e63a'; font-size:13px; speak: none; font-style: normal; font-weight: bold !important; font-variant: normal; text-transform: none; line-height: inherit !important; } #et-navigation .form-shift { float: right; } #et-navigation .form-shift a { float: right; color: #fff; width: 100%; text-align: right; margin-right: 10px; margin-bottom: 7px; font-size: 15px; } #et-navigation .form-shift a:hover { color: #ffffff !important; } #et-navigation .form-shift a:hover { text-decoration: underline; } #et-navigation .form-shift input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #666 inset; background-color: transparent !important; -webkit-text-fill-color: #fff !important; } .show-menu-button { background: transparent !important; padding: 0 !important; } .show-menu-button span { background: #fff !important; width: 30px !important; height: 5px !important; border-radius: 0px !important; } .show-menu-button.toggled span:last-child { transform: translateY(-8px) rotate(-45deg); } .show-menu-button.toggled span:first-child { transform: translateY(10px) rotate(45deg); } #contentFull, .et_extra_layout .et_pb_text_0, .et_extra_layout .et_pb_text_1, .et_extra_layout .et_pb_text_2, .et_pb_extra_module, .single article, .page article, .single-post article, .et_pb_extra_module, .et_extra_other_module, .posts-blog-feed-module.masonry .hentry, #dm-slider .et_pb_slide_image img, .dcwss.dc-wall .stream li, .post-33094 .et_pb_portfolio .et_pb_portfolio_item, .post-38390 .et_pb_portfolio .et_pb_portfolio_item, .post-33092 .et_pb_portfolio .et_pb_portfolio_item, .et_pb_gutters3 .et_pb_column_4_4 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item, .et_pb_blog_grid .et_pb_post, #mojo-sp-right, .et-pb-contact-message { box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; } .et_pb_extra_column_sidebar .et_pb_widget .widgettitle { min-height: 48px; text-transform: none; font-size: 1.25rem; font-family: -apple-system, system-ui, "Segoe UI"; } .et_pb_extra_column_sidebar .et_pb_widget { border: 1px solid rgba(0,0,0,.125); border-radius: 0px; } .et_pb_extra_column_sidebar .et_pb_widget li { /*height: 41px;*/ padding-top: 10px; padding-bottom: 10px; } .et_pb_extra_column_sidebar .et_pb_widget li:hover { background-color: #e6e7e8; } .et_pb_extra_column_sidebar .et_pb_widget a { color: #495057; font-weight: normal; font-size: 16px; font-family: -apple-system, system-ui, "Segoe UI"; } .et_pb_extra_column_sidebar .et_pb_widget a:hover { color: #495057 !important; } .et_pb_extra_column_sidebar .et_pb_widget .fa { font-size: 16px !important; } .et_pb_extra_column_sidebar .et_pb_widget .list-icons { margin-right: 10px; } #footer { background-color: #00626b; font-family: -apple-system, system-ui, "Segoe UI"; padding-bottom: 50px; } #footer .et_pb_widget { margin-bottom: -10px; margin-top: -10px; } #footer .et_pb_widget a { color: #fff !important; font-weight: normal; font-size: 16px; } #footer .et_pb_widget li { border-bottom: none; padding-top: 0px; padding-bottom: 5px; } #footer .et_pb_widget.widget_text .textwidget { padding-top: 12px; } #footer h4 { font-family: -apple-system, system-ui, "Segoe UI"; letter-spacing: normal; } #footer-info a { font-weight: normal; } #footer-bottom { padding-bottom: 50px; } #mylist-floating a { color: rgba(88,89,91,1); background-color: #f1f2f2; position: fixed; width: 50px; height: 48px; right: 1rem; bottom: 1rem; border-radius: 10rem !important; padding: .55rem 1rem .75rem 1rem; z-index: 9999; box-shadow: 2px 1px 1px rgba(0,0,0,.4); border: 1px solid #e6e7e8; display: inline-block; font-wight: normal; font-size: 14px; text-rendering: auto; -webkit-font-smoothing: antialiased; } #mylist-floating a:hover { background-color: #e6e7e8; } #mylist-floating .fa { font-size: 16px !important; margin-top: -3px !important; } @media only screen and (min-width: 1280px) { #main-header .logo { max-height: 66px; margin: 25px 36px 59px 36px !important; } } @media only screen and (max-width: 1280px) and (min-width: 1024px) { .logo { margin-left: -30px !important; margin-top: 25px !important; /*max-height: 66px;*/ } #top-header .container{ margin: 0 20px; } #et-info .et-top-search { margin-right: -40px; } } @media only screen and (max-width: 1280px) { .form-shift { margin-right: -20px !important; } } /* Show Secondary menu on devices */ @media only screen and (max-width: 1024px) { #top-header { display: block !important; max-height: 50px; } #et-secondary-nav, .et-top-search { display: none; } #et-mobile-navigation { position: absolute !important; top: -52px !important; left: -38px !important; z-index: 1000; /*width: 100% !important;*/ } #et-navigation li a { color: #fff !important; font-family: -apple-system, system-ui, "Segoe UI"; font-size: 1rem !important; text-transform: none !important; font-weight: 400 !important; } #et-navigation li a:hover { color: #b3dce0 !important; } .logo { max-height: 24px !important; position: absolute !important; top: -63px !important; left: 45% !important; z-index: 1000; margin: 25px 0; } #et-navigation .form-shift a { margin-bottom: -10px; } .et-top-search { display: block; position: absolute !important; top: -5px !important; right: -38px !important; z-index: 1000; float: right; } #et-secondary-menu { display: none; } .login-man { display: block; color: #fff; margin-top: 15px; font-size: 16px; } .login-man a { color: #fff !important; } .form-shift { margin-right: 40px !important; } } @media only screen and (max-width: 1024px) and (min-width: 768px) { .logo { margin: 25px 0 !important; } } @media only screen and (max-width: 1024px) { /*#et-mobile-navigation nav { display: none; width: 100%; padding: 40px 40px 20px; border-radius: 0 0 3px 3px; overflow: hidden; }*/ #et-mobile-navigation nav { position: relative; width: 100% !important; background: #008996; } #et-mobile-navigation #et-extra-mobile-menu li.menu-item-has-children>a:after { right: auto !important; } } @media only screen and (max-width: 1170px) and (min-width: 1024px) { #et-navigation .et-search-field { width: 420px; } } @media only screen and (max-width: 940px) { #et-navigation .et-search-field { width: 400px; } /*.form-shift { margin-right: -30px !important; }*/ } @media only screen and (max-width: 830px) { #et-navigation .et-search-field { width: 350px; } .form-shift { margin-right: -10px !important; } } @media only screen and (max-width: 790px) { #et-mobile-navigation { position: absolute !important; top: -52px !important; left: -28px !important; } } @media only screen and(max-width: 768px) { #et-navigation .et-search-field { width: 380px; } .form-shift { margin-right: -20px !important; } .login-man { margin-right: 10px; } } @media only screen and (max-width: 730px) { #et-navigation .et-search-field { width: 250px; } } /*@media only screen and (max-width: 668px) { #et-navigation .et-search-field { width: 250px; } }*/ @media only screen and (max-width: 595px) { #et-navigation .et-search-field { width: 98%; } #et-navigation .et-search-hidden { margin-top: 9px; width: 98%; margin-left: 0px; } .form-shift { width: 100%; float: left !important; margin-top: 20px; } } @media only screen and (max-width: 570px) { #et-mobile-navigation { position: absolute !important; top: -52px !important; left: -18px !important; } .login-man { margin-right: 15px; } } @media only screen and (max-width:480px){ #et-navigation { width: 100%; margin:0 0 10px } #et-navigation .et-search-field { width:100%; } #et-mobile-navigation { /*width: 90% !important;*/ position: absolute !important; top: -38px !important; left: -7px !important; } #et-info .et-top-search { width: auto; } .login-man { float: right !important; margin-right: 20px; } .logo { margin-left: -40px !important; } #et-navigation .et-search-field { width: 94%; } #et-navigation .et-search-hidden { width: 94%; } .form-shift { margin-top: 40px; } } /* end changes for new website */ .indig-acknowledgement { width: 100%; max-width: 1200px; padding: 15px; margin-top: -20px; margin-right: auto; margin-left: auto; color: rgba(12,84,96,1) !important; background-color: rgba(197,230,218,1); /*border-color: rgba(139,206,182,1); border-top: 6px solid; border-image: linear-gradient(to right, black 33.33%, yellow 33.33%, yellow 66.66%, red 66.66%) 5;*/} .indig-disclaimer { width: 100%; max-width: 1200px; margin-top: 30px; margin-right: auto; margin-left: auto; } /* Contact form 7 */ .wpcf7 { width:100% !important; margin-left: 20px; } .wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form input[type="file"], .wpcf7-form input[type="url"], .wpcf7-form input[type="password"], .wpcf7-form input[type="search"], .wpcf7-form input[type="number"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="range"], .wpcf7-form input[type="date"], .wpcf7-form input[type="month"], .wpcf7-form input[type="week"], .wpcf7-form input[type="time"], .wpcf7-form input[type="datetime"], .wpcf7-form input[type="datetime-local"], .wpcf7-form input[type="color"], .wpcf7-form select, .wpcf7-form textarea { width:100% !important; } .section-wrap { display: flex; } .field-wrap { min-width: 45%; } .field-wrap, .field-full { margin-right: 20px; margin-bottom: 25px; } .field-top-space { margin-top: 17px; } .field-neg-top-space { margin-top: -13px; } .wpcf7-form input[type="date"] { min-width: 275px !important; } .wpcf7-form textarea { height: 100px; } .field-disclaimer { background-color: #ffc9c9; padding: 10px 12px; border-radius: 3px; } @media only screen and (max-width: 750px) { .section-wrap { display: block !important; } } /* END Contact form 7 */