/* Theme Name: Salient Child Theme Theme URI: http: //mysite.com/ Description: This is a custom child theme for Salient Author: My Name Author URI: http: //mysite.com/ Template: salient Version: 0.1 */ /*FIX*/ .woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--members-area:nth-last-of-type(1) { display: none; } /*FIX*/ header#top nav > ul > li > a { font-size: 16px; } header#top .sf-menu li ul li a { font-size: 16px; } body:not([data-header-format="left-header"]) header#top nav > ul > li.megamenu > ul > li > ul > li.has-ul > a { text-transform: none; font-size: 16px; letter-spacing: 0; } body[data-dropdown-style="minimal"][data-header-color="light"] #header-outer:not(.transparent) .sf-menu >li ul { border-top: 1px solid rgba(137,112,93,0.30); } body[data-dropdown-style="minimal"] header#top nav >ul >li.megamenu >ul.sub-menu { padding-top: 70px; padding-bottom: 100px; } header#top nav > ul > li.megamenu > ul > li > ul > li:nth-of-type(n+1) { margin-top: 15px; } header#top .sf-menu .megamenu a:before { box-sizing: initial; } body.material #header-outer[data-full-width="true"]:not([data-format="left-header"]) header#top nav >ul.buttons { display: none !important; } /*CART*ICON*/ body[data-is="minimal"].material #header-outer .top-menu .cart-menu .cart-icon-wrap .icon-salient-cart, body.material #header-outer .top-menu .cart-menu .cart-icon-wrap .icon-salient-cart { font-size: 17px!important; margin-left: 7px; } /*CART*POPUP*/ #header-outer .nectar-woo-cart .widget_shopping_cart, #header-outer .nectar-woo-cart .cart-notification { top: auto !important; } /*MEGA*MENU*/ .sf-menu { height: calc(100% - 35px); } .sf-menu li:nth-of-type(1) a { margin-left: 0 !important; } .sf-menu li:nth-last-of-type(1) a { margin-right: 0 !important; } /*TOP*MENU*/ header .container .row nav { flex-wrap: wrap; justify-content: flex-end; width: 100%; align-items: flex-start; } header .col.col_last { width: 100% !important; } header .top-menu { height: 45px; width: 100%; display: flex; justify-content: flex-end; border-bottom: 1px solid rgba(137,112,93,.3); } header .top-menu .my-account-point-dropdown { position: relative; display: block; padding-right: 15px; margin-right: 5px; background: url("img/select_icon_black.svg") 95% center no-repeat; } header .top-menu .my-account-point-dropdown .top-menu-dropdown-menu { position: absolute; left: 0; top: 100%; width: 100%; margin-left: 0px; background: white; line-height: 150%; display: none; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15); z-index: 99999; } #slide-out-widget-area .top-menu .my-account-point-dropdown > a { display: none; } #slide-out-widget-area .top-menu .my-account-point-dropdown .top-menu-dropdown-menu { position: relative; display: block; max-height: initial !important; } #slide-out-widget-area .top-menu .my-account-point-dropdown .top-menu-dropdown-menu > li { margin: 0 !important; line-height: 44px; } header .top-menu .my-account-point-dropdown .top-menu-dropdown-menu li { opacity: 1 !important; float: none !important; transform: none !important; } header .top-menu .my-account-point-dropdown .top-menu-dropdown-menu li a { display: block; padding: 10px 12px; } header .top-menu .my-account-point-dropdown:hover .top-menu-dropdown-menu { display: block; } .top-menu .search form { display: flex; align-items: center; } header .top-menu .search .search_text { width: 0; padding: 0; border: 0px solid #e9ecef; font-size: 14px; transition: all ease .3s; } header .top-menu .search form.show-search .search_text { width: 200px; margin: 0 5px 0 10px; padding: 2px 5px; border-width: 1px; } #slide-out-widget-area .top-menu .search form .search_text { border: none; height: 30px; background-color: white; } #slide-out-widget-area .top-menu .search input[type=submit] { width: 30px; height: 30px; background-color: white !important; border-radius: 0; } .top-menu .search .search_icon, .top-menu .search input[type=submit] { width: 20px; height: 20px; border: none; background: url("img/search_icon_dark.svg") center no-repeat; background-size: contain; } header .top-menu .search .search_icon { display: block; cursor: pointer; margin-top: 3px; margin-left: 10px; margin-right: 10px; } header .top-menu .search form.show-search .search_icon { display: none; } header .top-menu .search input[type=submit] { display: none; padding: 0; background-color: transparent !important; } header .top-menu .search form.show-search input[type=submit] { display: block; } #slide-out-widget-area .top-menu li { margin-bottom: 0 !important; } #slide-out-widget-area .top-menu li a { font-size: 18px !important; opacity: 1 !important; } .bwi_class #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container > .menu > li > a { font-size: 18px !important; } header .sf-menu { width: 100%; } header .sf-menu .to-right { justify-content: flex-end; flex-grow: 1; } #header-outer[data-lhe="animated_underline"] header#top nav > ul.top-menu > li:not([class*="button_"]) > a:after, #header-secondary-outer[data-lhe="animated_underline"] nav > ul.top-menu > li:not([class*="button_"]) > a:after { content: none; } /*****************************************COMMON***************************/ body { font-family: "Open Sans"; font-size: 16px; } /*[class*="span"] { margin-left: 0; }*/ a:hover, a:focus { color: inherit; text-decoration: none; } /*ELEMENTS*OF*FORMS*/ input[type=text], textarea, input[type=email], input[type=password], input[type=tel], input[type=url], input[type=search], input[type=date], .material.woocommerce-page[data-form-style="default"] input#coupon_code { border-radius: 0 !important; } /*CLASS*BUTTON*/ .bwi_class.woocommerce a.button:not(.wc-forward):not(.add_to_cart_button):not(.product_type_simple), .bwi_class.woocommerce-page a.button:not(.wc-forward):not(.add_to_cart_button):not(.product_type_simple), .bwi_class .nectar-quick-view-box a.button, .give-btn-reveal { color: #89705d !important; background: transparent !important; border: 2px solid rgba(137,112,93,.75) !important; } .bwi_class.woocommerce a.button, .bwi_class.woocommerce-page a.button, .bwi_class .nectar-quick-view-box a.button, .give-btn-reveal { border-radius: 0; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; font-size: 12px; } .bwi_class.woocommerce a.button:not(.wc-forward):not(.add_to_cart_button):not(.product_type_simple):hover, .bwi_class.woocommerce-page a.button:not(.wc-forward):not(.add_to_cart_button):not(.product_type_simple):hover, .bwi_class .nectar-quick-view-box a.button:hover, .give-btn-reveal { background: #89705d !important; color: white !important; } body[data-dropdown-style="minimal"] #header-outer .widget_shopping_cart a.button:hover, .nectar-slide-in-cart .widget_shopping_cart a.button:hover { background-color: #9b8477 !important; } .give-submit, .bwi_class.woocommerce button.button, .bwi_class.woocommerce-page button.button, .bwi_class.woocommerce input.button, .bwi_class.woocommerce-page input.button, .bwi_class.woocommerce #respond input#submit, .bwi_class.woocommerce-page #respond input#submit, .bwi_class.woocommerce #content input.button, .bwi_class.woocommerce-page #content input.button, .bwi_class input[type=submit] { text-transform: uppercase; font-weight: bold; letter-spacing: 1px; } /*WOOCOMMERCE*ERROR*/ .woocommerce-error a { color: white; text-decoration: underline; } .woocommerce-error a:hover { color: #89705d; } /*CTA*LINK*/ .nectar-cta .link_wrap .link_text { color: #89705D; } .color-white.nectar-cta .link_wrap .link_text { color: white; } /*IMAGE*TO*LINE*/ .img-to-inline { display: flex; justify-content: center; } .img-to-inline > .img { margin: 0 20px; } /*FONT*SIZE*/ .font20 { font-size: 20px; } /*MARGINS*PADDINGS*/ .no-margin { margin: 0 !important; } /*SELECT*BOOTSTRAP*/ .dropdown.bootstrap-select { width: 100% !important; height: 100%; max-width: 205px !important; margin-right: 5px; } .dropdown.bootstrap-select button.dropdown-toggle { height: 100%; border: none; background: white; border-radius: 0; } .dropdown.bootstrap-select.dark_select button.dropdown-toggle { box-shadow: 0 2px 10px 0 rgba(1, 1, 1, 0.1); } .dropdown.bootstrap-select button.dropdown-toggle .filter-option { display: flex; align-items: center; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a { background-color: #F2F2F2; background-image: none; color: #26221E; } .dropdown-menu > li > a { padding: 10px 20px; } .bootstrap-select .dropdown-menu { border: none; border-radius: 0; } /*SLIDE*IMAGE*/ .slide-bg-wrap:before { content: ''; position: absolute; width: 100%; height: 100%; background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1) 10%, transparent 90%, rgba(0, 0, 0, 0.1)); z-index: 10; } /*PARALLAX*ADD*OVERLAY*/ .parallax_section .row-bg-overlay:before { content: ''; position: absolute; width: 100%; height: 100%; background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1) 10%, transparent 90%, rgba(0, 0, 0, 0.1)); z-index: 10; } /****************************************COMPONENTS************************/ /*NECTAR*SLIDER*/ div[data-button-sizing="large"] .button a { font-size: 14px !important; } .wpb_wrapper div[data-button-sizing="large"].nectar-slider-wrap .button.transparent a, .wpb_wrapper div[data-button-sizing="large"].nectar-slider-wrap .button.transparent_2 a { padding: 17px 55px !important; } .wpb_wrapper div[data-button-sizing="large"].nectar-slider-wrap .button.transparent a:hover, .wpb_wrapper div[data-button-sizing="large"].nectar-slider-wrap .button.transparent_2 a:hover { background: white !important; color: #26221E; } .swiper-slide .content h2 { font-size: 56px !important; line-height: 70px !important; letter-spacing: 0.56px !important; font-weight: 400 !important; margin-bottom: 20px; } /*FANCY*BLUE*BOX*/ .nectar-fancy-box .box-inner-wrap { border-radius: 0 !important; } .fancy-box-blue .vc_col-sm-4:nth-of-type(2) { border-right: 1px solid #e9ecef; border-left: 1px solid #e9ecef; } .fancy-box-blue .nectar-fancy-box .box-inner-wrap { padding: 35px 10% 80px; border: none; } .fancy-box-blue .nectar-fancy-box:nth-of-type(2) .box-inner-wrap { border-top: 1px solid #e9ecef; } .fancy-box-blue .nectar-fancy-box[data-style="color_box_hover"] .inner { align-items: start; } .fancy-box-blue .nectar-fancy-box .box-inner-wrap i:before { padding: 30px; border-radius: 50%; background: #1d4870; color: white; } .fancy-box-blue .nectar-fancy-box:hover .box-inner-wrap i:before { background: white; color: #1d4870; } .fancy-box-blue .nectar-fancy-box .box-inner-wrap i { margin-top: 30px; margin-bottom: 70px; } .fancy-box-blue .nectar-fancy-box .box-inner-wrap h3 { font-size: 18px; font-weight: bold; margin-bottom: 20px; } /*FANCY*MEMBERSHIP*PLANS*/ .fancy-memberships-plans .nectar-fancy-box .box-inner-wrap { padding: 60px 60px 60px; } .fancy-memberships-plans .nectar-fancy-box { font-size: 14px; } .fancy-memberships-plans .nectar-fancy-box h3 { font-size: 32px; letter-spacing: 0; margin-bottom: 30px; } .fancy-memberships-plans .nectar-fancy-box p strong { font-size: 24px; } /*ONE*JOB*BLOCK*/ .job-block > .col { border: 1px #26221E solid; padding: 40px 5% !important; } .job-block .vc_col-sm-3 h3 .link_text { padding-top: 30px; padding-bottom: 30px; } .job-block .vc_col-sm-3 h3 { margin-bottom: 0; } /*TEAM*MEMBER*BLOCK*/ .team-member h4 { font-size: 24px; } .team-member .position { margin-top: 8px; } .team-member .description { border: none !important; margin-top: 5px !important; margin-bottom: 0px !important; } .team-member ul.social li a { font-size: 16px; } /*IMPORTANT*MESSAGE*/ #important_message { display: none; position: fixed; width: 100%; height: 0; left: 0; top: 0; background: #1d4770; z-index: 999999999; justify-content: center; align-items: center; color: white; transition: all ease 2s; } #important_message.show_message { display: flex; height: 50px; } /*FAQ*/ .arconix-faq-wrap { border: none !important; } .arconix-faq-title { padding: 10px 0 10px 30px !important; margin-left: 10px; background-image: url("img/arrow_2_icon_right.svg") !important; } .arconix-faq-title.faq-open { background-image: url("img/arrow_2_icon_down.svg") !important; } .arconix-faq-content { padding: 5px 20px !important; } /*MAP*/ .leaflet-popup-content-wrapper { border-radius: 0 !important; min-width: 150px; } .leaflet-popup-content h3 { margin: 0 0 15px !important; } .leaflet-popup-content p { margin: 0 !important; } /*HOVER*COLUMNS*/ .hover-column { background-size: 120%; transition: all ease .3s !important; } .hover-column:hover { background-size: 130%; } /*BIG*TITLE*/ .big-title h1 { font-size: 56px; } .big-title p { font-size: 18px; } /************************************HOME*PAGE*****************************/ /*NECTAR*SLIDER*/ .swiper-slide .content { width: 100%; max-width: 800px; } .swiper-slide .content h2 { font-size: 56px; letter-spacing: 0.56px; line-height: 70px; font-weight: 400; } /*TITLE*WITH*LINE*ABOVE*/ .title-line:before { content: ''; display: block; height: 3px; width: 120px; background: #89705D; margin-bottom: 12px; } .title-line.line-center:before { margin-left: auto; margin-right: auto; } .title-line.line-white:before { background: white; } .title-line h2 { font-size: 46px; margin-bottom: 25px; line-height: 56px; } /*BIRDS*PAGE*BLOCK*/ .wp-caption .wp-caption-text { position: absolute !important; font-size: 32px; line-height: 40px; background: transparent; border: none !important; box-shadow: none; top: auto !important; bottom: 35px; color: white; padding-right: 15%; z-index: 15; } /*FANCY*BOX*/ .fancy-box-white-border { /*BLUE*BACKGROUND*AND*WHITE*CONTENT*/ } .fancy-box-white-border .nectar-fancy-box { border: 1px solid white; border-radius: 0 !important; } .fancy-box-white-border .nectar-fancy-box:hover { color: #1D4970 !important; } .fancy-box-white-border .nectar-fancy-box:hover .box-bg:before { opacity: 1; } .fancy-box-white-border .nectar-fancy-box .inner > i { margin-bottom: 45px; } .fancy-box-white-border .nectar-fancy-box .inner > h3 { font-size: 32px; } /*NEWS*AND*EVENTS*BLOCK*/ .home .news-block-short .posts-container.meta-moved { height: auto !important; } .news-block-short .row { margin: 0; } .news-block-short .blog-recent[data-style*="classic_enhanced"] { padding-bottom: 0; margin-bottom: 0; } .news-block-short .blog-recent[data-style*="classic_enhanced"] .col, .news-block-short .masonry.classic_enhanced .posts-container article { margin-bottom: 50px; } .masonry.classic_enhanced .masonry-blog-item .inner-wrap, .blog-recent[data-style*="classic_enhanced"] .inner-wrap { border-radius: 0; } .news-block-short .blog-recent[data-style*="classic_enhanced"] .inner-wrap { padding-bottom: 0 !important; } .news-block-short .blog-recent[data-style*="classic_enhanced"] .inner-wrap .img-link .post-featured-img, .news-block-short .masonry.classic_enhanced .posts-container article.has-post-thumbnail .img-link .post-featured-img { max-height: 330px; display: flex; } .news-block-short .blog-recent[data-style*="classic_enhanced"] .inner-wrap .img-link .post-featured-img img, .news-block-short .masonry.classic_enhanced .posts-container article.has-post-thumbnail .img-link .post-featured-img img { object-fit: cover; } .news-block-short .blog-recent[data-style*="classic_enhanced"] .inner-wrap .meta-category > a:first-child, .news-block-short .masonry.classic_enhanced .posts-container article.has-post-thumbnail .meta-category a { left: auto; right: 20px; background: white; color: #26221E; font-size: 12px; letter-spacing: 0.5px; } .news-block-short .masonry.classic_enhanced .posts-container article.has-post-thumbnail .meta-category a:hover { color: white; } .news-block-short .blog-recent[data-style*="classic_enhanced"] .inner-wrap .article-content-wrap, .news-block-short .masonry.classic_enhanced .posts-container article.has-post-thumbnail .article-content-wrap { padding: 25px 20px 20px !important; } .news-block-short .blog-recent[data-style*="classic_enhanced"] .inner-wrap .article-content-wrap .post-header .meta, .news-block-short .masonry.classic_enhanced .posts-container article.has-post-thumbnail .post-header span { display: none; } .news-block-short .blog-recent[data-style*="classic_enhanced"] .inner-wrap .article-content-wrap .excerpt { height: 110px; overflow: hidden; } .news-block-short .blog-recent[data-style*="classic_enhanced"] .inner-wrap .article-content-wrap .post-header .title, .news-block-short .masonry.classic_enhanced .posts-container article .article-content-wrap .post-header .title { font-size: 24px; line-height: 25px; height: 55px; overflow: hidden; } .news-block-short .blog-recent[data-style*="classic_enhanced"] .inner-wrap .post-meta { display: none; } .news-block-short .post-area.masonry article.post .post-meta { display: none !important; } .news-block-short .masonry.classic_enhanced .posts-container article.has-post-thumbnail .more-link { display: none; } /*GET*INVOLVED*BUTTON*/ .button-block { display: block; max-width: 210px; text-align: center; } /*CTA*/ .nectar-cta h3 { text-transform: uppercase; font-size: 14px; } .nectar-cta .link_wrap .link_text { padding-right: 34px; } .nectar-cta h3 .link_wrap .link_text:after { width: 14px; height: 14px; margin-top: -8px; } .nectar-cta .link_wrap .link_text .arrow:after { width: 13px; right: 8px; margin-top: -1px; border-color: #897050; } .nectar-cta .link_wrap .link_text .arrow:before { font-size: 12px; width: 13px; margin-top: -16px; color: #89705D; } .color-white.nectar-cta .link_wrap .link_text .arrow:after { border-color: white; } .color-white.nectar-cta .link_wrap .link_text .arrow:before { color: white; } /*IMG*WITH*CAPTION*AND*HOVER*/ .img-caption-hover .wp-caption { overflow: hidden; } .img-caption-hover .wp-caption a:before { content: ''; position: absolute; width: 100%; height: 100%; background-color: rgba(38,34,30,.15); z-index: 10; opacity: 1; transition: all ease .3s; } .img-caption-hover .wp-caption:hover a:before { opacity: 0; } .img-caption-hover .wp-caption img { transition: all ease .3s; } .img-caption-hover .wp-caption:hover img { transform: scale(1.1); } /***********************************ONE*NEWS*PAGE**************************/ .single .heading-title[data-header-style="default_minimal"] { text-align: left; max-width: 1000px; margin: 0 auto 15px !important; } body.single-post .heading-title[data-header-style="default_minimal"] .entry-title { text-align: left; } .row .col.section-title span { padding-left: 0; } .single #single-below-header { padding-left: 5px; margin-bottom: 15px; } .blog_next_prev_buttons[data-style="fullwidth_next_prev"] ul .previous-post, .blog_next_prev_buttons[data-style="fullwidth_next_prev"] ul .next-post { min-height: 500px; } /***********************************ONE*EVENT*PAGE*************************/ body[data-ext-responsive="true"].single-event .container-wrap.no-sidebar .post-area { max-width: 1000px; margin: 0 auto!important; } .event-info { margin-top: 40px !important; } .event-info, .event-info td { border: none !important; padding-left: 0; color: rgba(38, 34, 30, 0.8); padding-top: 0; } .event-info .event-info-field { display: flex; } .event-info .event-info-field .title { font-size: 18px; font-weight: bold; min-width: 180px; } .event-info .event-info-field .field { font-size: 18px; } /***********************************ONE*BIRD*PAGE**************************/ .bird-center-fields { width: 100%; max-width: 850px; margin: 0 auto; padding: 0 20px; } .bird-center-fields .bird-center-field h2 { margin: 40px 0 20px; } .bird-header { display: flex; justify-content: space-between; } .bird-header .bird-title .bird-info, .bird-header .bird-title .bird-info td { border: none !important; padding-left: 0; color: rgba(38, 34, 30, 0.8); padding-top: 0; } .bird-header .bird-title .entry-title { padding-top: 0 !important; font-size: 56px; margin-bottom: 20px !important; } .bird-header .bird-title .bird-info .bird-info-field { display: flex; } .bird-header .bird-title .bird-info .bird-info-field .title { font-size: 18px; font-weight: bold; min-width: 180px; } .bird-header .bird-title .bird-info .bird-info-field .field { font-size: 18px; } .bird-header .bird-status { width: 200px; text-transform: uppercase; text-align: center; font-size: 12px; color: rgba(38, 34, 30, 0.5); } .bird-header .bird-status .bird-status-icon { width: 60px; height: 60px; margin: 0 auto 25px; background: center no-repeat; background-size: contain; } .bird-header .bird-status .bird-status-icon.amber, .bird-header .bird-status .bird-status-icon.Amber { background-image: url("img/status/Conservation_status_icon_amber.svg"); } .bird-header .bird-status .bird-status-icon.red, .bird-header .bird-status .bird-status-icon.Red { background-image: url("img/status/Conservation_status_icon_red.svg"); } .bird-header .bird-status .bird-status-icon.green, .bird-header .bird-status .bird-status-icon.Green { background-image: url("img/status/Conservation_status_icon_green.svg"); } .bird-header .bird-status .bird-status-text { line-height: 150%; } /*BIRD*SLIDER*/ .bird-slider { width: 100%; max-width: 1400px; margin: 80px auto 0; padding: 0 10%; border-top: 1px solid #CCCCCC; } .bird-slider .cell .inner-wrap { display: flex; align-items: center; justify-content: center; } /*BIRD*SIMILAR*/ .bird-similar { width: 100%; max-width: 1200px; margin: 0 auto; } .bird-similar .bird-similar-one { position: relative; height: 200px; padding-right: 20px; display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: 1px solid #CCCCCC; transition: all ease .3s; } .bird-similar .bird-similar-one .bird-link { position: absolute; width: 100%; height: 100%; } .bird-similar .bird-similar-one:hover { background: #1D4970; color: white; } .bird-similar .bird-similar-one > div:not(.bird-similar-img) { margin: 40px 0 0; } .bird-similar .bird-similar-one .bird-similar-img { width: 20%; height: 100%; overflow: hidden; } .bird-similar .bird-similar-one .bird-similar-img img { margin: 0; object-fit: cover; height: 100%; width: 100%; } .bird-similar .bird-similar-one .bird-similar-title { width: 15%; padding: 0 1%; } .bird-similar .bird-similar-one .bird-similar-title h3 { transition: all ease .3s; } .bird-similar .bird-similar-one:hover .bird-similar-title h3 { color: white; } .bird-similar .bird-similar-one .bird-similar-text { width: 30%; height: calc(100% - 70px); overflow: hidden; box-sizing: content-box; } .bird-similar .bird-similar-one .bird-similar-info { width: 35%; padding-left: 1%; display: flex; justify-content: space-around; } /**********************************DONATION*PAGE***************************/ .donation_block { display: flex; flex-wrap: wrap; justify-content: space-around; } .donation_block .donation_form { width: 40%; } .donation_block .donation_form .give-donation-amount { width: 100%; } .donation_block .donation_form .give-currency-symbol { width: 35px; } .donation_block .donation_form .give-text-input { width: calc(100% - 35px); } .donation_block .donation_form #give-donation-level-button-wrap { display: flex; justify-content: center; } .donation_block .donations_sum { width: 40%; height: 300px; padding: 20px; background: rgb(242, 242, 242); text-align: center; display: flex; flex-wrap: wrap; align-items: center; align-content: center; justify-content: center; } .donation_block .donations_sum h3, .donation_block .donations_sum h4, .donation_block .donations_sum .donations_sum_total { width: 100%; } .donation_block .donations_sum .donations-encouragement-text { padding: 0; font-size: 12px; font-style: italic; margin-top: 10px; } .donation_block .give-recurring-multi-level-message { display: none; } .donation_block #give-donation-level-button-wrap .give-btn, .donation-registration .give-btn { background: white; border-color: rgba(137,111,93,.5); } .donation_block #give-donation-level-button-wrap .give-default-level { background: #89705d; color: white; border-color: #89705d; } /*DONATION*MEMBERSHIP*/ .donation-registration { width: 100%; margin-top: 40px; padding: 10px 20px; background: rgb(242, 242, 242); } .donation-registration #give-donation-level-button-wrap { display: flex; justify-content: space-between; max-width: 500px; } .donation-registration .give-form-title { display: none; } .donation-registration label.give-hidden { display: none !important; } .donation-registration .give-donation-amount { display: none; } .donation-registration .give-default-level { background: #89705d; color: white; border-color: #89705d; } .donation-registration .give-recurring-multi-level-message { display: none; } .donation-registration .give-submit { font-size: 12px !important; } /************************************MY*ACCOUNT****************************/ /*MAIN*DATA*/ .my-account-main-data-wrapper { width: 100%; max-width: 1200px; margin: 0 auto; } .my-account-main-data-wrapper .my-account-main-data { margin-top: 20px !important; max-width: 400px; } .my-account-main-data-wrapper .my-account-main-data td { width: 50%; } .my-account-main-data-wrapper .my-account-main-data td:nth-of-type(2n+1) { font-weight: bold; } /*NAVIGATION*/ .woocommerce-account .woocommerce-MyAccount-navigation { float: none; width: 100%; max-width: 600px; margin: 50px auto; padding-right: 0; } .woocommerce-account .woocommerce-MyAccount-navigation ul { display: flex; flex-wrap: wrap; justify-content: space-between; border: none; border-bottom: 1px solid rgba(0,0,0,.05); } .woocommerce-account .woocommerce-MyAccount-navigation ul li { border: none; } .woocommerce-account .woocommerce-MyAccount-navigation ul li a:before { content: none !important; } .woocommerce-account .woocommerce-MyAccount-content { float: none; width: 100%; max-width: 1000px; margin: 0 auto; margin-bottom: 50px; } /*MEMBERSHIP*/ .woocommerce-account-my-memberships { display: flex; justify-content: space-between; flex-wrap: wrap; } .woocommerce-account-my-memberships .left_side { width: 45%; } .woocommerce-account-my-memberships .my_account_memberships tr:nth-of-type(1) td { border-top: 1px solid #ececec !important; } .woocommerce-account-my-memberships .my_account_memberships tr td:nth-of-type(2n+1) { font-weight: bold; } .woocommerce-account-my-memberships .my_account_memberships td { vertical-align: top !important; } .woocommerce-account-my-memberships .membership-action-buttons { text-align: center; margin-bottom: 20px; } .woocommerce-account-my-memberships .membership-action-buttons a { margin: 0 5px; } .woocommerce-account-my-memberships .membership-account-card { position: relative; width: 50%; min-width: 410px; max-width: 480px; height: 210px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; border: 1px solid #ececec; background: #ececec; padding: 15px 30px; margin: 0 auto; } .woocommerce-account-my-memberships .membership-account-card .membership-account-card-title { width: 100%; text-align: center; margin: 0; } .woocommerce-account-my-memberships .membership-account-card .membership-account-card-print-button { position: absolute; width: 30px; height: 30px; background: url("img/print_icon.svg") no-repeat center; background-size: contain; right: 10px; top: 10px; cursor: pointer; } .woocommerce-account-my-memberships .membership-account-card .card-wrapper .username { font-weight: bold; } .woocommerce-account-my-memberships .membership-account-card .card-wrapper .card-info { margin: 30px 0 0; background: transparent; } .woocommerce-account-my-memberships .membership-account-card .card-wrapper .card-info tr:nth-child(2n+1) { background: transparent; } .woocommerce-account-my-memberships .membership-account-card .card-wrapper .card-info td { border: none; padding: 2px 0; } .woocommerce-account-my-memberships .membership-account-card .card-wrapper .card-info tr td:nth-of-type(2n+1) { font-weight: bold; width: 130px; } .woocommerce-account-my-memberships .membership-account-card .birdwatch-logo { width: 40%; } .woocommerce-account-my-memberships .membership-account-card .birdwatch-logo img { height: 100%; } /***********************************PAGINATION*****************************/ .birdwatch-pagination .page-numbers { width: 35px; height: 35px; display: inline-block; text-align: center; font-size: 14px; color: #26221E; line-height: 250%; } .birdwatch-pagination .page-numbers.current { color: white; background: #89705D; } .birdwatch-pagination .page-numbers:hover { background: #89705D; color: white; } .birdwatch-pagination .page-numbers.next { margin-left: 20px; } .birdwatch-pagination .page-numbers.prev { margin-right: 20px; } .birdwatch-pagination .page-numbers.next, .birdwatch-pagination .page-numbers.prev { width: auto; } .birdwatch-pagination .page-numbers.next:hover, .birdwatch-pagination .page-numbers.prev:hover { background: transparent; color: #26221E; } /***************************************CUSTOM*SHORTCODE*******************/ /***************************MEMBERSHIP*PAYMENT*PAGE************************/ #membership-payment-form .wrapper-form { width: 100%; max-width: 800px; margin: 0 auto; } #membership-payment-form .payment-steps { justify-content: space-around; display: flex; width: 100%; max-width: 500px; margin: 50px auto; } #membership-payment-form .payment-steps .payment-step.current { font-weight: 900; } #membership-payment-form .info-block { border: 1px solid #ececec; margin: 30px 0; padding: 20px 5%; } #membership-payment-form label { display: block; margin: 20px 0 5px; } #membership-payment-form .error { color: red; } #membership-payment-form input[type=checkbox] { margin-right: 5px; } #membership-payment-form p { padding: 0; } #membership-payment-form input[type=submit] { margin-top: 40px; font-size: 16px; } #membership-payment-form #edit_button { margin-left: 10px; background: #89705d; border-radius: 0; font-size: 16px; padding: 15px 22px; text-transform: uppercase; } #membership-payment-form #edit_button:hover { opacity: .85; } #membership-payment-form .summary-title { max-width: 800px; margin: 20px auto; } #membership-payment-form .summary-description { max-width: 800px; margin: 20px auto; } #membership-payment-form #summary_form { max-width: 800px; margin: 20px auto; } /*STRIPE*PAY*BUTTON*/ #payment-button-stripe { text-align: center; } #payment-button-stripe button { padding: 0 !important; border-radius: 0 !important; } #payment-button-stripe button span { font-size: 18px; height: auto; padding: 10px 25px; background: #89705d; border-radius: 0 !important; color: white; } #payment-button-stripe button span:hover { background: #9b8477; } .payment-method-form { margin: 100px auto 0; width: 100%; max-width: 800px; } .payment-method-form .payment-method-form-title { margin: 0 0 50px; text-align: center; font-weight: bold; } .payment-method-form .payment-methods { display: flex; flex-wrap: wrap; justify-content: space-around; } .payment-method-form .payment-methods .payment_method { padding: 35px 7%; margin-bottom: 10px; min-width: 210px; text-align: center; background: rgb(242,242,242); cursor: pointer; } .payment-method-form .payment-methods .payment_method.select { color: white; background-color: #89705d; } .payment-method-form .payment-methods .payment_method:hover { opacity: 0.85!important; } .payment-method-form .payment-methods .payment_method .price { margin: 0 0 5px; font-size: 32px; } .payment-method-form .payment-methods .payment_method.select .price { color: white; } .payment-method-form .payment-methods .payment_method p { margin: 0; } .payment-method-form .payment-method-form-description { margin-top: 50px; } #membership_type label { margin: 0; } /***************************************CUSTOM*SHORTCODE*******************/ /************************************CATEGORY*FILTERS*BLOCK****************/ .wpb_wrapper > .filters-block { margin-bottom: 60px; height: 55px; } .filters-block form { display: flex; height: 55px; } .filters-block #category-select { margin-right: 3%; width: 50%; max-width: 200px; } .filters-block .search-block { width: 300%; max-width: 500px; display: flex; } .filters-block .search-block #search-title { width: calc(100% - 110px); height: 100%; padding-right: 20px; padding-left: 20px; border: none; background: white; border-radius: 0; font-size: 16px; } .filters-block .search-block .search-icon { width: 55px; background: url("img/search_icon_white.png") #89705d no-repeat center !important; background-size: 70% !important; cursor: pointer; } .filters-block .search-block .search-icon:hover { background-color: #9b8477 !important; } .filters-block .search-block .reset-icon { width: 55px; border: none; background: url("img/close_icon.svg") #CCC no-repeat center !important; background-size: 70% !important; cursor: pointer; } .filters-block .search-block .reset-icon:hover { background-color: #89705d !important; } /***************************************CUSTOM*SHORTCODE*******************/ /**************************************POSTS*WITH*FILTERS******************/ .posts-with-filters + .wpb_text_column { display: none; } .posts-with-filters .posts-container article { margin-left: 0; margin-right: 0; padding-left: 0.8%!important; padding-right: 0.8%!important; } .posts-with-filters .posts-container article.masonry-blog-item.bw-col-1 { width: 100%; margin-left: 0; margin-right: 0; } .posts-with-filters .posts-container article.masonry-blog-item.bw-col-2 { width: 50%; } .posts-with-filters .excerpt { max-height: 110px; overflow: hidden; } .posts-with-filters .excerpt.volunteer { max-height: 160px; } .post-area.masonry { margin-bottom: 0; } /***************************************CUSTOM*SHORTCODE*******************/ /**************************************BIRDS*WITH*FILTERS******************/ .birds-with-filters .bird { position: relative; height: 200px; padding-right: 20px; display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: 1px solid #CCCCCC; transition: all ease .3s; } .birds-with-filters .bird:hover { background: #1D4970; color: white; } .birds-with-filters .bird > div:not(.bird-img) { margin: 40px 0 0; } .birds-with-filters .bird .bird-link { position: absolute; width: 100%; height: 100%; } .birds-with-filters .bird .bird-img { width: 20%; height: 100%; overflow: hidden; } .birds-with-filters .bird .bird-img img { margin: 0; object-fit: cover; height: 100%; width: 100%; } .birds-with-filters .bird .bird-title { width: 15%; padding: 0 1%; } .birds-with-filters .bird .bird-title h3 { transition: all ease .3s; } .birds-with-filters .bird:hover .bird-title h3.title { color: white; } .birds-with-filters .bird .bird-text { width: 30%; height: calc(100% - 70px); overflow: hidden; box-sizing: content-box; } .birds-with-filters .bird .bird-info { width: 35%; padding-left: 1%; display: flex; justify-content: space-around; } .birds-with-filters .bird .bird-info .bird-info-one h4 { transition: all ease .3s; } .birds-with-filters .bird:hover .bird-info .bird-info-one h4 { color: white; } /***************************************CUSTOM*SHORTCODE*******************/ /**************************************BIRDS*WITH*FILTERS******************/ .publications-with-filters .publication { position: relative; height: 200px; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 20px; transition: all ease .3s; } .publications-with-filters .publication:hover { background: #1D4970; color: white; } .publications-with-filters .publication .publications-link-full-block { position: absolute; width: 100%; height: 100%; cursor: pointer; } .publications-with-filters .publication .publication-img { width: 30%; max-width: 300px; } .publications-with-filters .publication .publication-img img { max-height: 100%; margin-bottom: 0; } .publications-with-filters .publication .publication-info { width: calc(90% - 600px); padding: 20px 0 20px 20px; display: flex; flex-wrap: wrap; } .publications-with-filters .publication .publication-info .title { width: 100%; font-size: 24px; margin-bottom: 0; transition: all ease .3s; } .publications-with-filters .publication:hover .publication-info .title { color: white; } .publications-with-filters .publication .publication-info .excerpt { font-size: 14px; max-height: 75px; overflow: hidden; } .publications-with-filters .publication .publication-info .excerpt .woocommerce { display: none; } .publications-with-filters .publication .publications-link { width: 30%; max-width: 300px; justify-content: flex-end; align-items: center; display: flex; flex-wrap: wrap; padding: 0 40px 0 20px; font-size: 14px; text-transform: uppercase; opacity: 1; font-weight: 400; text-shadow: none; } .publications-with-filters .publication .publications-link span { width: 100%; color: #1D4970; border: 1px solid #1D4970; padding: 15px 20% 15px 30px; cursor: pointer; background: url("img/Locked_icon_blue.svg") no-repeat 90% center; transition: all ease .3s; } .publications-with-filters .publication:hover .publications-link span { color: #FFFFFF; border-color: white; background-image: url("img/Locked_icon_white.svg"); } .publications-with-filters .publication .publications-link.public span, .publications-with-filters .publication .publications-link.open span { background-image: url("img/Unlocked_icon_blue.svg"); } .publications-with-filters .publication:hover .publications-link.public span, .publications-with-filters .publication:hover .publications-link.open span { background-image: url("img/Unlocked_icon_white.svg"); } /***************************************CUSTOM*SHORTCODE*******************/ /*****************************************NUMBER*POSTS*********************/ .number-posts { margin-top: 60px; width: 100%; max-width: 200px; height: 55px; } /***************************************CUSTOM*SHORTCODE*******************/ /*************************************BECOME*A*MEMBER*POPUP****************/ #birdwatch-popup-wrapper.show-popup { display: block; } #birdwatch-popup-wrapper { display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 99999999; } #birdwatch-popup-shadow { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,.7); z-index: 5; } #birdwatch-popup-close { position: absolute; width: 30px; height: 30px; right: 0; top: -40px; background: url("img/close_icon.svg") no-repeat center; background-size: contain; cursor: pointer; z-index: 7; } #birdwatch-popup-banner { position: absolute; width: 100%; max-width: 800px; height: 100%; max-height: 800px; left: 50%; top: 50%; padding: 80px 10%; background-size: cover; color: white; text-align: center; transform: translate(-50%, -50%); z-index: 10; } #birdwatch-popup-banner .birdwatch-popup-banner-shadow { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.5); z-index: -1; } #birdwatch-popup-banner .birdwatch-popup-banner-icon { } #birdwatch-popup-banner .birdwatch-popup-banner-title { color: white; font-size: 42px; margin-bottom: 40px; } #birdwatch-popup-banner .birdwatch-popup-banner-text { line-height: 200%; } #birdwatch-popup-banner .birdwatch-popup-banner-button { position: absolute; left: 50%; top: 80%; transform: translate(-50%); padding: 15px 30px; color: white; border: 1px solid white; white-space: nowrap; } #birdwatch-popup-banner .birdwatch-popup-banner-button:hover { background: white; color: #89705D; } /***************************************CUSTOM*SHORTCODE*******************/ /*********************************MEMBERSHIP*EXPIRE*SOON*BANNER************/ #membership_expire_soon_banner + .ocm-effect-wrap { margin-top: 30px; } #membership_expire_soon_banner { position: fixed; top: 0; left: 0; width: 100%; height: 40px; display: flex; justify-content: center; align-items: center; background: #e9ecef; font-size: 14px; z-index: 99999999; } #membership_expire_soon_banner .membership_expire_soon_banner_close { position: absolute; right: 10px; width: 20px; height: 100%; background: url("img/close_icon.svg") no-repeat center; background-size: contain; cursor: pointer; } #membership_expire_soon_banner .membership_expire_soon_banner_text { margin-right: 20px; } #membership_expire_soon_banner .button { border: 1px solid #89705d !important; padding: 3px 7px !important; color: #89705d !important; background: transparent !important; transition: all ease .3s; } #membership_expire_soon_banner .button:hover { background: #89705d !important; color: white !important; } /***************************************CUSTOM*SHORTCODE*******************/ /***************************************SUBSCRIBE*BLOCK********************/ .subscriber_block { width: 100%; max-width: 350px; } .subscriber_block form { display: flex; } .subscriber_block.long .subscribe_button { padding: 13px 35px; width: 100%; } .subscriber_block.short .subscribe_button[type=submit] { width: 35%; padding: 13px 15px; } .subscriber_block.short .subscribe_button[type=submit], .subscriber_block.short .email_subscribe_input, .subscriber_block.short.fake_show .subscribe_button.fake_button { display: none; } .subscriber_block.short.fake_show .subscribe_button[type=submit], .subscriber_block.short.fake_show .email_subscribe_input { display: block; } .subscriber_block .subscribe_button[type=submit], .subscriber_block .subscribe_button.fake_button { border: 2px solid #89705D; padding: 13px 35px; text-align: center; text-transform: uppercase; font-weight: bold; font-size: 14px; letter-spacing: 2px; color: #89705D; background-color: transparent !important; cursor: pointer; transition: all ease .3s; } .subscriber_block .subscribe_button:hover { background: #89705D !important; color: white; } .subscriber_block .email_subscribe_input { width: 65%; } /**********************************LOGIN*PAGE******************************/ .my-account-login-form { width: 100%; max-width: 530px; margin: 50px auto; padding: 10px 50px; background: white; border-radius: 5px; } .my-account-login-form .woocommerce-form button.woocommerce-Button { font-size: 18px !important; text-transform: uppercase; padding-top: 20px !important; padding-bottom: 20px !important; } /************************************FOOTER********************************/ #footer-outer { padding-top: 10px; padding-bottom: 30px; z-index: 9; } #footer-outer a:not(.nectar-button):hover { color: #89705d !important; } /*BACKGROUND*IMAGE*/ #footer-outer[data-using-bg-img="true"] { background-position: top center; } /*SOCIAL*ICONS*/ #footer-outer .footer-social { z-index: 10; position: relative; text-align: center; } #footer-outer .footer-social .social li { display: inline-block; margin: 0 10px; } /*FOOTER*MENU*/ #footer-outer .footer-menu { margin-top: 35px; } #footer-outer .footer-menu #menu-footer-menu { font-size: 16px; } #footer-outer .footer-menu-2 #menu-footer-menu-2 { font-size: 14px; margin-top: 20px; } #footer-outer .footer-menu-3 #menu-footer-menu-3 { font-size: 12px; margin-top: 20px; } #footer-outer .footer-menu #menu-footer-menu, #footer-outer .footer-menu-2 #menu-footer-menu-2, #footer-outer .footer-menu-3 #menu-footer-menu-3 { display: flex; justify-content: center; z-index: 10; position: relative; } #footer-outer .footer-menu #menu-footer-menu li, #footer-outer .footer-menu-2 #menu-footer-menu-2 li, #footer-outer .footer-menu-3 #menu-footer-menu-3 li { margin: 0 20px; } /*PARTNERS*LOGO*/ #footer-outer .footer-partners-logo { position: relative; z-index: 10; margin-top: 40px; } #footer-outer .footer-partners-logo > .img { margin: 0 40px; } #footer-outer .footer-partners-logo > .img img { height: 60px; } /*COPYRIGHT*BLOCK*/ body #footer-outer[data-cols="1"][data-disable-copyright="false"][data-copyright-line="false"][data-matching-section-color="true"] #copyright { padding: 0; } #footer-outer #copyright { margin-top: 220px; } /*******************************************MOBILE****************************/ /*MENU*/ #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container > .menu > li > a { font-size: 24px !important; } body.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container > .menu > li { margin-bottom: 0 !important; } body[data-slide-out-widget-area-style="slide-out-from-right"] a.slide_out_area_close { top: 35px !important; } /************************************MEDIA*QUERY******************************/ /************************************************************************1500*/ @media only screen and (max-width: 1500px) { .news-block-short .blog-recent[data-style*="classic_enhanced"] .inner-wrap .img-link .post-featured-img, .news-block-short .masonry.classic_enhanced .posts-container article.has-post-thumbnail .img-link .post-featured-img { height: 250px; } } /************************************************************************1240*/ @media only screen and (max-width: 1240px) { header#top nav > ul > li > a { font-size: 14px; } #header-outer[data-lhe="animated_underline"] header#top nav > ul > li > a { margin-left: 5px !important; margin-right: 5px !important; } header#top nav >ul >li[class*="button_solid_color"] >a { padding-left: 10px !important; padding-right: 10px !important; } } /************************************************************************1200*/ @media only screen and (max-width: 1200px) { .publications-with-filters .publication .publication-info { width: calc(100% - 550px); } .publications-with-filters .publication .publications-link { padding-right: 0; max-width: 250px; } .bird-similar .bird-similar-one .bird-similar-info { display: block; margin-top: 20px !important; padding-left: 3%; } .birds-with-filters .bird .bird-info { display: block; margin-top: 0 !important; padding-left: 3%; } .news-block-short .blog-recent[data-style*="classic_enhanced"] .inner-wrap .img-link .post-featured-img, .news-block-short .masonry.classic_enhanced .posts-container article.has-post-thumbnail .img-link .post-featured-img { height: 200px; } } /************************************************************************1100*/ @media only screen and (max-width: 1100px) { .publications-with-filters .publication .publication-info { width: calc(100% - 380px); } .publications-with-filters .publication .publications-link { max-width: 80px; } .publications-with-filters .publication .publications-link span { font-size: 0; background-position: center; } } /************************************************************************1060*/ @media only screen and (max-width: 1060px) { header#top nav > ul > li > a { font-size: 12px; } } /************************************************************************1000*/ @media only screen and (max-width: 1000px) { .fancy-box-blue .vc_col-sm-4:nth-of-type(2), .fancy-box-blue .nectar-fancy-box:nth-of-type(2) .box-inner-wrap { border: none; } .bird-similar .bird-similar-one, .birds-with-filters .bird { height: auto; padding-bottom: 40px; } .bird-similar .bird-similar-one .bird-similar-img, .birds-with-filters .bird .bird-img { width: 50%; } .bird-similar .bird-similar-one .bird-similar-title, .birds-with-filters .bird .bird-title { width: 50%; text-align: center; } .bird-similar .bird-similar-one .bird-similar-text, .birds-with-filters .bird .bird-text { width: 100%; max-height: 105px; margin-top: 20px !important; margin-bottom: 20px !important; } .bird-similar .bird-similar-one .bird-similar-info, .birds-with-filters .bird .bird-info { display: flex; width: 100%; } .bootstrap-select { margin-bottom: 10px; } .wpb_wrapper > .filters-block, .wpb_wrapper > .filters-block form { height: auto; } } /*************************************************************************999*/ @media only screen and (max-width: 999px) { /*********PUBLICATION************/ .publications-with-filters .publication { height: auto; margin-bottom: 60px; } .publications-with-filters .publication .publication-img { max-width: initial; width: 100%; height: 300px; overflow: hidden; } .publications-with-filters .publication .publication-img img { margin: 0 auto; display: block; max-height: initial; } .publications-with-filters .publication .publication-info { width: calc(100% - 80px); } /***********IRELANDS*BIRDS**********/ .filters-block form { flex-wrap: wrap; justify-content: center; } .filters-block form > select { width: 30%; margin: 0 5px 10px; } /*MEMBERSHIP*ACCOUNT*/ .woocommerce-account-my-memberships .left_side { width: 100%; } .woocommerce-account-my-memberships .membership-account-card { width: 100%; } /*NEWS*AND*EVENTS*/ .news-block-short .blog-recent[data-style*="classic_enhanced"] .inner-wrap .img-link .post-featured-img { height: 350px; } /*CHESS*BLOCK*/ .mobile-reverse .col.span_12 { display: flex; flex-wrap: wrap; flex-direction: column-reverse; } .button-block { margin: 20px auto 0 !important; } .membership-plan-price.membership-price-mobile { display: block; } .membership-plan-price{ display: none; } } /************************************************************************700*/ @media only screen and (max-width: 700px) { .title-line h2 { font-size: 38px; line-height: 48px; } } /************************************************************************690*/ @media only screen and (max-width: 690px) { .donation_block .donation_form { width: 100%; } .donation_block .donations_sum { width: 100%; } .bird-header { display: block; } .bird-header .bird-status { width: 100%; } .bird-header .bird-title .entry-title { font-size: 38px; } } /************************************************************************600*/ @media only screen and (max-width: 600px) { #footer-outer .footer-menu #menu-footer-menu li, #footer-outer .footer-menu-2 #menu-footer-menu-2 li, #footer-outer .footer-menu-3 #menu-footer-menu-3 li { margin-left: 10px; margin-right: 10px; } } /************************************************************************500*/ @media only screen and (max-width: 500px) { #footer-outer .footer-menu #menu-footer-menu, #footer-outer .footer-menu-2 #menu-footer-menu-2, #footer-outer .footer-menu-3 #menu-footer-menu-3 { display: block; text-align: center; } #footer-outer .footer-menu #menu-footer-menu { font-size: 20px; line-height: 160%; } #footer-outer .footer-menu-2 #menu-footer-menu-2 { font-size: 18px; line-height: 160%; } #footer-outer .footer-menu-3 #menu-footer-menu-3 { font-size: 16px; line-height: 160%; } } /*************************************************************************479*/ @media only screen and (max-width: 479px) { .publications-with-filters .publication .publication-img { height: 200px; } .bird-similar .bird-similar-one, .birds-with-filters .bird { padding-right: 0; } .bird-similar .bird-similar-one .bird-similar-img, .birds-with-filters .bird .bird-img { width: 100%; } .bird-similar .bird-similar-one .bird-similar-title, .birds-with-filters .bird .bird-title { width: 100%; margin-top: 10px !important; } .bird-similar .bird-similar-one .bird-similar-text, .birds-with-filters .bird .bird-text { margin-top: 10px !important; } .bird-similar .bird-similar-one .bird-similar-info, .birds-with-filters .bird .bird-info { display: block; text-align: center; } /*MY*ACCOUNT*NAVIGATION*/ .woocommerce-account .woocommerce-MyAccount-navigation ul { justify-content: space-around; } /*MY*ACCOUNT*MEMBERSHIP*/ .woocommerce-account-my-memberships .membership-account-card { min-width: initial; max-width: initial; display: block; height: auto; } .woocommerce-account-my-memberships .membership-account-card .birdwatch-logo { height: auto; width: 50%; margin: 10px auto 0; } .woocommerce-account-my-memberships .membership-account-card .card-wrapper .card-info tr td:nth-of-type(2n+1) { width: 55%; } } .membership-plan .wpb_content_element .wpb_wrapper>h3 { font-weight: 700; } /**Membership price block */ @media only screen and (min-width: 1000px) { .membership-plan-price.membership-price-mobile{ display: block; } .membership-plan-price.membership-price-mobile { display: none; } } /***fixes*/ .page-id-883 .title-line:before, .page-id-887 .title-line:before { display: none; } .page-id-883 .wpb_text_column.wpb_content_element.title-line, .page-id-887 .wpb_text_column.wpb_content_element.title-line { text-align: center; } @media only screen and (min-width: 1000px) { .page-id-883 .container.main-content>.row, .page-id-887 .container.main-content>.row{ padding-left: 18%; padding-right: 18%; } .wpb_text_column.membership-plan-price{ text-align: right; } } .woocommerce-MyAccount-navigation-link.is-active a{ color: #89705d; } .woocommerce .woocommerce-result-count { padding-right: 40px !important; } .my-account-main-data-wrapper h1{ font-size: 56px; margin-bottom: 80px; } body:not(.woocommerce-cart) .main-content .woocommerce-MyAccount-content table { margin: 0 0 30px; } /**CONTACT PAGE */ .contact-page-content, .contact-page-faq{ max-width: 1320px; margin-left: auto; margin-right: auto; } .contact-page-content .wpcf7-form label{ width: 100%; } .contact-page-content .wpcf7-form p span{ margin-top: 10px; } .contact-page-content .text p{ margin-bottom: -10px; padding-bottom: 0px; } .contact-page-content .text p{ margin-top:1.5em; font-size: 24px; } .contact-page-content .text h3{ color: #89705d; } .contact-page-content .title-line:before { display: none; } .contact-page-content .title-line h2 { /*font-size: 56px;*/ margin-top: 0px; } @media only screen and (min-width: 1000px) { body .vc_row-fluid.contact-page-content .vc_col-sm-6 { width: 55%; padding-right: 2%; } body .vc_row-fluid.contact-page-content .vc_col-sm-4 { width: 40%; padding: 4%; } } .text-centered { text-align: center; } .contact-page-faq .wpb_tabs_nav.ui-tabs-nav { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .contact-page-faq div[data-style="default"] .toggle h3 a { font-size: 24px!important; line-height: 30px!important; } /*.contact-page-faq .tabbed[data-style="minimal"] >ul li a{ background-color: rgba(0,0,0,0.045)!important; } .contact-page-faq .tabbed[data-style="minimal"] >ul li a.active-tab{ border-color: #89705d!important; background-color: #89705d!important; color: #fff !important; } .contact-page-faq .tabbed[data-style="minimal"] >ul li a.active-tab span{ color: #fff !important; }*/ .contact-page-faq .tabbed[data-style="minimal"] .wpb_tabs_nav { margin-bottom: 20px !important; } .contact-page-faq h1{ font-size: 46px; } .vc_row.standard_section.contact-page-content{ margin-bottom: 80px; } body[data-form-submit="regular"] .container-wrap .contact-page-content input[type=submit]{ padding: 15px 35px!important; font-size: 100%; } /**membership form fixes*/ #membership-payment-form { max-width: 1350px; margin-left: auto; margin-right: auto; } #membership-payment-form .membership-title { text-align: center; margin-bottom: 50px; } /**end of membership form fixes*/ .text-style-italic { font-style: italic; } .bird-irish-name { font-family: Times serif; } .membership-price-box { height: 54px; } form.give-form .form-row input[type="text"], form[id*="give-form"] .form-row input[type="email"], form.give-form .form-row input[type="text"]{ border: 1px solid #ccc !important; color: #89705d !important; font-weight: 700 !important; } @media (max-width:1560px) and (min-width:1330px) { .page-id-140 .nectar-fancy-box .box-inner-wrap .inner { max-height: 300px; } } @media (min-width:1000px) { .dropdown.bootstrap-select { width: 15% !important; height: 100%; max-width: none !important; } .filters-block .search-block { width: 85% !important; max-width: none !important; } } @media (max-width:999px) { .category-filter-block.filters-block form{ height: auto; } } .filter-form-container { padding-top: 40px; padding-bottom: 40px; background: #f3f0ee; margin-left: -105px; margin-right: -105px; height: 100%; } .wpb_wrapper >div.filter-form-container { margin-bottom: 50px; } .filter-form-container .category-filter-block.filters-block { margin-left: 105px; margin-right: 105px; } #publications-block form { float: right; height: 55px !important; } #publications-block form .dropdown.bootstrap-select { width: 220px !important; } #publications-block { height: 55px; } .page-id-1256 .number-posts .dropdown.bootstrap-select { width: 220px !important; } .woocommerce-page div.product p.price del, .woocommerce div.product p.price del { color: rgba(145, 145, 145, 0.8) !important; } .woocommerce ul.products li.product .price del, .woocommerce-page ul.products li.product .price del { color: rgba(145, 145, 145, 0.8) !important; } .page-id-285 .wpb_wrapper div.nectar-fancy-box { margin-bottom: 0px; } .post-type-archive-product.woocommerce .container-wrap { background-color: white !important; } .woocommerce ul.products li.product .onsale.wc-memberships-member-discount { right: auto; margin-left: 1em; margin-top: 1em !important; width: 130px !important; } .button.product_type_simple.add_to_cart_button.ajax_add_to_cart { transform: none !important; -webkit-transform: none !important; } @media (max-width: 1248px) { div.four-boxes-on-mobile { margin-bottom: 50px!important; } } #group_size{ padding:10px; width:100%; font-size:14px; font-family: inherit; line-height:24px; color:#555; background-color:#f1f1f1; border: none; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; } @media (max-width: 1200px) { .wpb_row .span_12 > .col.padding-3-percent[data-padding-pos="all"]{ background-size: cover; } } @media (max-width: 1200px) { .wpb_row .span_12 > .col.padding-3-percent[data-padding-pos="all"]{ background-size: cover; } } .woocommerce-MyAccount-content-transactions th:last-child, .woocommerce-MyAccount-content-transactions td:last-child{ text-align: right!important; } @media (max-width: 1200px) { .wpb_row .span_12 > .col.padding-3-percent[data-padding-pos="all"]{ background-size: cover; } } @media (max-width: 1200px) { .wpb_row .span_12 > .col.padding-3-percent[data-padding-pos="all"]{ background-size: cover; } } .post-template-default .meta-category{ display: block!important; } .special_data_header { font-size: 24px; display: block; margin-bottom:10px; padding: 3px; } .special_data_content { margin-bottom: 25px; } .volunteer-info, .volunteer-info td { width: auto!important; border: 1px solid #333!important; } .volunteer-info .event-info-field { display: table-row; } .volunteer-info .title { background-color: #1f4e79; color: #fff; } #header-outer header#top nav > ul > li.button_solid_color.revers-button:not(:hover) > a { color: #89705d!important; } header#top nav > ul > li.button_solid_color.revers-button:not(:hover) > a:before { background-color: #fff!important; border: 1px solid #89705d!important; padding-bottom: 8px!important; } header#top nav > ul > li.button_solid_color.revers-button:hover > a:before { opacity: 1!important; } #footer-outer .footer-buttons { margin-top: 10px; display: flex; justify-content: center; z-index: 10; position: relative; column-gap: 20px; } #footer-outer .footer-buttons a{ padding: 5px 25px; } #footer-outer .footer-buttons a:nth-child(2n+1) { color: #fff!important; background-color: #89705d!important; } #footer-outer .footer-buttons a:nth-child(2n) { color: #89705d!important; background-color: #fff!important; border: 1px solid #89705d!important; } #footer-outer .footer-buttons a:hover:nth-child(2n+1) { opacity: 0.85!important; } #footer-outer .footer-buttons a:hover:nth-child(2n) { color: #fff!important; background-color: #89705d!important; } b.small-header { color: #444; } .volunteer .post-featured-img, .volunteer .post-featured-img img { width: 100%; }