/* Theme Name: MayeCreate Theme Theme URI: http://www.mayecreate.com/ Author: Tim Scheman, Tyler Ernst, Creative Director Monica Pitts Author URI: http://www.mayecreate.com/ Description: Parent Theme built on Bootstrap v3.3.5 Version: 2.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html */ html { background: none; font-size:62.5%; -webkit-font-smoothing: antialiased; overflow-x:hidden !important; } body { font-family: 'Lato', sans-serif; font-size: 25px; font-size: 2.5rem; /* 10 ÷ $rembase */ font-weight: 400; /* normal */ color:#000; margin:0; padding:0; -webkit-font-smoothing: antialiased; overflow-x:hidden !important; } .mm-page.mm-slideout { position: relative !important; } .skip a, #skip a { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; background: vars.$base_color; color: vars.$white; } .skip a:focus, #skip a:focus { position: absolute; width: auto; height: auto; left: 0; top: 10px; z-index: 99999999999999; overflow: visible; padding: 20px 30px; } .breadcrumb { background: none; padding: 0; margin:0; } .breadcrumb li:only-child { display: none; } .wp-block-image figcaption { font-size: .8em; font-style: italic; } /* PRINT STYLE SHEET ========================================== */ @media print { a:link:after, a:visited:after { content: ""; } #mobile_menu { display:none !important; } #navbarBottom { display:none !important; } } /* PAGEBREAKS ============================================ */ .pagebreak { padding: 50px 0; background: #fff; } .pagebreak:last-child() { margin-bottom: -50px; } .pagebreak:after { display: block; content: ''; width: 100%; height: 0; clear: both; } .pagebreak_left { padding: 0; } .pagebreak_fix { /* padding: 10px 0; */ padding: 50px 0; } .pagebreak_fix:first-child { padding-top: 0; } .page > .pagebreak_fix:last-child, .page > .pagebreak:last-child { } .pagebreak_left_content { padding: 0; } .pagebreak .pagebreak_left_img { max-height: 350px; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; } .spacer { clear: both; height: 50px; display: block; } .page-id-7 .collapseomatic_content + .btn-mayecreate { padding: 5px 25px !important; } .page-id-7 .collapseomatic_content + .btn-mayecreate:before, .page-id-7 .collapseomatic_content + .btn-mayecreate:after { display: none !important; } .page-id-7 .collapseomatic { min-height: 80px; margin-top: 40px; height: auto; } .page-id-7 .collapseomatic.colomat-close { min-height: 0; } /* GLOBAL STUFF ========================================== */ .cleared, .clear { float: none; clear: both; margin: 0; padding: 0; border: none; } form { padding:0 !important; margin:0 !important; } .divider { border-bottom:1px solid #717D7C; margin:0 0 35px 0; padding:0 0 35px 0; } .center { text-align:center; } .btn-mayecreate.center { margin: 0 auto !important; } /* LINKS: Change the colors of your links here. These will change he navigation as well. * To override these color in navigation change the colors in the style-tablet.css file. ========================================== */ a, a:link, a:visited { /* color: #00A5DF; */ color: #005A7A; text-decoration:none; -webkit-transition: all 0.14s ease-in-out; -moz-transition: all 0.14s ease-in-out; -o-transition: all 0.14s ease-in-out; -ms-transition: all 0.14s ease-in-out; } a:hover, a:active, a:focus{ /* color: #D25E13; */ color: #AD4F10; text-decoration:none; /* change to none if you don't want links to be underlined wehn hovered */ } h3 a:link, h3 a:visited { /* color: #D25E13; */ color: #AD4F10; } h3 a:hover, h3 a:active { /* color: #00A5DF; */ color: #005A7A; } /* TYPOGRAPHY: HEADINGS ========================================== */ .page-header { margin-top:0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; border: 0 none; border-color: transparent; } h1, h2, h3, h4, h5, h6 { line-height: 120%; margin: 0; margin-bottom: 15px; -webkit-font-smoothing: antialiased; font-family: 'Lato', sans-serif; } h1, h1.entry-title { font-size:50px; font-size:5.0rem; color:#000; font-weight:900; } h2, .h2 { font-size:40px; font-size:4.0rem; /* color:#D25E13; */ color: #AD4F10; font-weight:900; } h3, .h3 { font-size:35px; font-size:3.5rem; color:#1F2525; font-weight:900; } h4, .h4 { font-size:30px; font-size:3.0rem; /*color:#00A7E0;*/ color:#005A7A; font-weight:700; } h5, .h5 { font-size:30px; font-size:3.0rem; color:#0C7A39; font-weight:400; } h6, .h6 { font-size:30px; font-size:3.0rem; color:#000; font-weight:900; } /* TYPOGRAPHY: PARAGRAPHS ========================================== */ p { font-size: 25px; font-size: 2.5rem; /* 10 ÷ $rembase */ margin:0 0 20px 0; } .wp-caption-text { font-size:18px; font-size:1.8rem; padding-top:5px; } .blue { /*color:#00A7E0;*/ color:#005A7A; } /* TYPOGRAPHY: LIST ITEMS ========================================== */ ol { margin:25px 0 25px 45px; padding:0; } ul { margin:25px 0 25px 10px; padding:0; list-style-type: none; list-style-position:outside; } ol { list-style-position:outside; } li ol, li ul { margin:15px 0 15px 45px; padding:0; } li { margin:15px 0; padding:0; } ul li { padding:0 0 0 35px; } ul li:nth-child(5n+1) { background:url(img/ul_li_1.png) 0px 7px no-repeat; } ul li:nth-child(5n+2) { background:url(img/ul_li_2.png) 0px 7px no-repeat; } ul li:nth-child(5n+3) { background:url(img/ul_li_3.png) 0px 7px no-repeat; } ul li:nth-child(5n+4) { background:url(img/ul_li_4.png) 0px 7px no-repeat; } ul li:nth-child(5n+5) { background:url(img/ul_li_5.png) 0px 7px no-repeat; } /* HEADER ========================================== */ #branding-container { margin: 0; margin-left: 4%; padding: 0px; width: 70%; max-width: 200px; } #branding-container a.brand{ text-transform: uppercase; font-size: 20px; color: #000000; } #branding-container a.brand img.site-logo{ display: block; margin:0; padding: 0; max-width: 100%; height: auto; } #aboveNav{ position: relative; } #aboveNav #branding-container{ position:absolute; top: 0; right: 0; left: 0; width: 75%; max-width: 325px; margin: auto; z-index: 1100; } /* HOME SLIDER ========================================== */ div#homefeatured .slideDesc { display: none; } div#homefeatured { background:url(img/nav_bottom.jpg) bottom center repeat-x; padding-bottom:19px; } /* NAVIGATION ========================================== */ #navbarTop{ display: none; } #navbarBottom { /* Main Navbar */ display: block; background-size:cover !important; background-position:top center !important; position:relative; border:0 none; } .home #navbarBottom, .page-template-page-affiliates-home #navbarBottom, .page-template-page-landing #navbarBottom { background:none !important; } #navbarBottom:after { position:absolute; top:0; left:0; width:100%; content:''; height:100px; z-index:1; background: -moz-linear-gradient(top, rgba(0,0,0,0.69) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.69) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0.69) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ } #navbarBottom:before, #affiliate_home_header:before { position:absolute; content:''; background:url(img/nav_bottom.jpg) top right repeat-x; height:19px; width:100%; bottom:-19px; left:0; } .home #navbarBottom:before, .page-template-page-affiliates-home #navbarBottom:before, .page-template-page-landing #navbarBottom:before { display:none !important; } #navbarBottom #header_left, #navbarBottom #header_right { position:relative; z-index:2; padding:25px 2.5%; } #navbarBottom #header_right { padding-top:0; padding-left:0; padding-bottom:0; position: absolute; top: 0px; bottom: 0px; margin: auto; right: 60px; height: 28px; } #main_nav { display: block; } #main_nav ul { margin:0; padding:0; list-style:none; display:block; text-align:right; } #main_nav ul li { display: none; list-style: none; float:none; margin:0; padding:0; background:none; position: relative; } #main_nav ul li:last-child { display: block; } #main_nav a:link, #main_nav a:visited { display: block; margin: 0 10px; text-decoration: none; font-size: 13px; font-size:1.3rem; padding:75px 0 25px 0; text-transform: uppercase; color: #fff; font-weight: 900; text-shadow:1px 1px 5px rgba(0,0,0,.5); position:relative; background:url(img/nav_active_bg.png) top left no-repeat; background-size:0%; -webkit-transition: all 0.14s ease-in-out; -moz-transition: all 0.14s ease-in-out; -o-transition: all 0.14s ease-in-out; -ms-transition: all 0.14s ease-in-out; } #main_nav > ul > li:last-child a:link, #main_nav > ul > li:last-child a:visited { /* padding:5px 0; margin:0; */ background:#F5A81C; color: #2B2B2B; text-shadow: none; } #main_nav > ul > li:last-child a:hover, #main_nav > ul > li:last-child a:active { color:#F5A81C; background: #2B2B2B; } #main_nav > ul > li > a:before, #main_nav > ul > li > a:after { position:absolute; z-index:1; content:''; width:40px; height:100%; top:0; background-size:100% 100% !important; opacity:0; } #main_nav > ul > li:last-child a:before, #main_nav > ul > li:last-child a:after { width:10px; height:100%; opacity:1; } #main_nav > ul > li:last-child a:before { background:url(img/donate_before.png) top right no-repeat; left:-10px; } #main_nav > ul > li:last-child a:after { background:url(img/donate_after.png) top left no-repeat; right:-10px; } #header_tagline { display:none; } #header_right { display:block; } #home_link { position:absolute; top:0; left:10%; background:rgba(0,168,225,.5); z-index:9999; max-width:200px; text-align:center; padding:5px 10px; } #home_link h3 { color:#fff; font-size:10px; font-size:1.0rem; text-transform:capitalize; margin:0; } #home_link h2 { color:#fff; font-size:16px; font-size:1.6rem; margin:0; } .home #home_link, .page-id-12705 #home_link { display: none !important; } #header_tagline p span.page-sub-title, #logo_title p span.page-sub-title, #footer_logo_title p span.page-sub-title, .affiliate_sub_branding .sub_brand_link, footer.site-footer .sub_brand_link { display:none; } #header_tagline p span.page-sub-title:nth-last-child(2), #logo_title p span.page-sub-title:nth-last-child(2), #footer_logo_title p span.page-sub-title:nth-last-child(2), .affiliate_sub_branding .sub_brand_link:nth-last-child(3), footer.site-footer .sub_brand_link:nth-last-child(2) { display:block; } #logo_title, #footer_logo_title { display:none; } #affiliate_home_header { height:300px; background-size:cover !important; position:relative; margin-bottom:20px; } #affiliate_home_header .slideDesc { display:none; } /* NAVIGATION:: Slide Out Drawer ========================================== */ #mobile_menu { display: block; position: absolute; float: right; height: 87.7px; right: 4%; top: 0; bottom:0; margin:auto; } #mobile_menu a{ /* use this rule to add a border around the menu togle button */ } #mobile_menu select { width:85%; display:block; margin: 10px auto; } .navbar-header{ } .nav-button{ display: block; position: absolute; overflow: hidden; width: 34px; height: 34px; font-size: 0; text-indent: -9999px; appearance: none; box-shadow: none; border-radius: none; border: none; cursor: pointer; transition: background 0.3s; right: 0; top: 0; bottom: 0; margin: auto; } .nav-button:focus { outline: none; } .nav-button span { display: block; position: absolute; top: 16px; left: 7px; right: 7px; height: 2px; width: 20px; background: #fff; } .nav-button span::before, .nav-button span::after { position: absolute; display: block; left: 0; width: 100%; height: 2px; background-color: #fff; content: ""; } .nav-button span::before { top: -7px; } .nav-button span::after { bottom: -7px; } .nav-button-x{ background-color: transparent; } .nav-button-x span { -webkit-transition: background 0s 0.3s; -moz-transition: background 0s 0.3s; -o-transition: background 0s 0.3s; transition: background 0s 0.3s; } .nav-button-x span::before, .nav-button-x span::after { -webkit-transition-duration: 0.3s, 0.3s; -moz-transition-duration: 0.3s, 0.3s; -o-transition-duration: 0.3s, 0.3s; transition-duration: 0.3s, 0.3s; -webkit-transition-delay: 0.3s, 0s; -moz-transition-delay: 0.3s, 0s; -o-transition-delay: 0.3s, 0s; transition-delay: 0.3s, 0s; } .nav-button-x span::before { -webkit-transition-property: top, -webkit-transform; -moz-transition-property: top, -moz-transform; -o-transition-property: top, -o-transform; transition-property: top, transform; } .nav-button-x span::after { -webkit-transition-property: bottom, -webkit-transform; -moz-transition-property: bottom, -moz-transform; -o-transition-property: bottom, -o-transform; transition-property: bottom, transform; } /* NAVIGATION:: Slide Out Drawer (Open) ==========================================*/ .mm-opened .nav-button-x { background-color: transparent; } .mm-opened .nav-button-x span { background: none; } .mm-opened .nav-button-x span::before { top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .mm-opened .nav-button-x span::after { bottom: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .mm-opened .nav-button-x span::before, .mm-opened .nav-button-x span::after { -webkit-transition-delay: 0s, 0.3s; -moz-transition-delay: 0s, 0.3s; -o-transition-delay: 0s, 0.3s; transition-delay: 0s, 0.3s; } .mm-menu { background: #ffffff; color: #6d9e42; font-family: 'Lato', sans-serif; } ul.mm-listview li { background:none; } .mm-listview > li > a, .mm-listview > li > span { font-size: 14px; text-transform: uppercase; color: #333333; white-space: normal; } .mm-listview > li.active{ background: #005A7A; } .mm-listview > li.active > a{ color: #ffffff; } .mm-menu .mm-header > a { color: #cb0032; text-transform: uppercase; } /* NAVIGATION:: Slide Out Drawer Searcch Box ========================================== */ .mm-menu > .mm-panel { /*You can add padding-top here to make space for the search box at the top of the dawer menu */ } #drawer-menu .form-group { z-index: 1000; width: 100%; position: absolute; top: 0; right: 0; padding-top: 5px; padding-bottom: 5px; padding: 10px 10px 10px 20px; } #drawer-menu .form-group .form-control { width: 80%; float: left; margin-right: 1%; } /* FOOTER ========================================== */ #footer_nav{ display: none; } /* NAVIGATION: SCROLL STICK ========================================== */ @keyframes affixFadeIn{ from {opacity: 0;} to {opacity: 1;} } @-webkit-keyframes affixFadeIn { from {opacity: 0;} to {opacity: 1;} } #navigation.affix-top { z-index: 100; position: absolute; width: 100%; } #navigation.affix{ animation: affixFadeIn 1s ease-in; -webkit-animation: affixFadeIn 1s; z-index: 99999; width: 100%; background:rgba(0,0,0,.65) } /* NAVIGATION: BREADCRUMB ========================================== */ .breadcrumb { display: none; } /* CONTENT SECTIONS ========================================== */ #homeContentWrap, #contentwrap { } #page { padding-top: 50px; /* padding-bottom: 50px; */ background:url(img/body_bg.jpg) bottom left no-repeat #EAECEB; background-size:50% auto; } #contentwrap.scroll { padding-top:175px !important; padding-top: 185px; } #homeContentWrap.scroll { padding-top:0; } #contentwrap .child { min-height: 25vh; /* this will come in handy if you want the child page sections to be full screen height */ padding-top: 2vw; padding-bottom: 2vw; } /* CALLOUTS ========================================== */ #callouts{ } #callouts a[role="button"]{ position: relative; display: block; padding: 0; margin-bottom: 35px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } #callouts a[role="button"]:hover{ box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .25), 0 2px 10px 0 rgba(0, 0, 0, .5); } #callouts a[role="button"] h2{ position: absolute; color: blue; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; bottom: 0; left: 5%; right: 5%; color: #ffffff; } #callouts a[role="button"]:hover h2{ color: #000000; } #callouts a[role="button"] p{ /* Style the callout body text here */ } #callouts a[role="button"]:hover p{ /* Style the hover state of the callout body text here */ } #callouts a[role="button"] img{ position: relative; width: 100%; padding: 0; } /* BLOG ========================================== */ .post_author { /*color:#00A7E0;*/ color:#005A7A; margin-bottom:10px; } .post_title { margin-bottom:0; } .post_date { text-align:center; color:#fff; background:#00A8E1; position:relative; padding:25px 0; margin-bottom:10px; } .post_wrapper.newsletters-category .post_date { background:#F5A81C; } .post_date h3 { font-size:40px; font-size:4.0rem; color:#fff; margin:0; } .post_date:after, .post_wrapper.newsletters-category .post_date:after { background:url(img/button_left.png) top right no-repeat; background-size:100% 100%; content:''; /*width:40px;*/ width: 22px; height:100%; top:0; /*left:-40px;*/ left: -22px; position:absolute; } .post_wrapper.newsletters-category .post_date:after { background:url(img/button_left_hover.png) top right no-repeat; background-size:100% 100%; } .post_date:before, .post_wrapper.newsletters-category .post_date:before { background:url(img/button_right.png) top left no-repeat; background-size:100% 100%; content:''; /*width:40px;*/ width: 22px; height:100%; top:0; /*right:-40px;*/ right: -22px; position:absolute; } .post_wrapper.newsletters-category .post_date:before { background:url(img/button_right_hover.png) top left no-repeat; background-size:100% 100%; } .pager li { background:none !important; } .pager li > a { border:0 none; background:none; } .pager li.older > a { background:url(img/pager_older.png) left center no-repeat; padding:10px 0 10px 75px; float:left; } .pager li.newer > a { background:url(img/pager_newer.png) right center no-repeat; padding:10px 75px 10px 0; float:right; } .post_wrapper { margin-bottom:15px; } .post_wrapper.newsletters-category { background:url(img/newsletter_bg.jpg) top right no-repeat; background-size:90% 100%; } .post_wrapper.newsletters-category .col-md-9 { padding:20px; background:url(img/newsletter_after.jpg) right center no-repeat; } .post_wrapper.newsletters-category * { color:#fff; } .post_wrapper.newsletters-category a:hover, .post_wrapper.newsletters-category a:active { color:#00A5DF; } .post_author .affiliates_wrapper, .post_author .featured-home_wrapper, .post_author .news_wrapper, .post_author .newsletters_wrapper { display:none; } /* SIDEBARS ========================================== */ .sidebarSection{ display: block; padding: 0; margin-bottom: 35px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .sidebarSection .sidebarTitle{ margin: 0; padding: 5%; background: #6d9e42; color: #fff; } ul.categoryList, ul.archiveYearList, ul.archiveYearList .archive-sub-menu{ margin: 0; } ul.categoryList li, ul.archiveYearList li, ul.archiveYearList .archive-sub-menu li{ padding: 0; margin: 0; } ul.categoryList li a, ul.archiveYearList li a, ul.archiveYearList .archive-sub-menu li a{ display: block; padding: 5%; border-bottom: 1px solid #efefef; } ul.archiveYearList .archive-sub-menu li a{ display: block; padding: 5% 8%; border-bottom: 1px solid #efefef; } /* FOOTER ========================================== */ footer.site-footer { padding-top: 28px; padding-bottom: 28px; position: relative; z-index: 6; } /* .footer_image_wrapper img { width: 100%; height: auto; } */ footer.site-footer .container { width:98% !important; margin:0 auto !important; } footer.site-footer p { text-align:center; font-size:16px; font-size:1.6rem; margin:0 0 5px 0; } footer.site-footer .footer_logo { margin-top:-60px; } /* IMAGES ========================================== */ img.alignleft, img.alignright, img.aligncenter, img.alignnone { max-width:100%; height: auto; float:none; display:block; margin: 10px auto 16px auto; } img { max-width:100%; height:auto; } /* Text meant only for screen readers. ========================================== */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } .collapseomatic { background:url(img/colomat-open.png) top left no-repeat; background-size:65px; font-weight:900; padding-left:70px; margin-bottom:10px; display:block; } .colomat-hover { background:url(img/colomat-hover.png) top left no-repeat; background-size:65px; text-decoration:none; } .colomat-close { background:url(img/colomat-close.png) top left no-repeat; background-size:65px; } .collapseomatic_content { padding-left:70px; margin-bottom:15px; margin-left:0; } .collapseomatic_content .btn-mayecreate { margin-top: 20px !important; } #target-individual { padding-left: 0; } /* BUTTONS: From Shortcodes ========================================== */ .btn-mayecreate, a.btn-mayecreate, a.btn-mayecreate:link, a.btn-mayecreate:visited, a.btn-mayecreate:focus, .post_wrapper.newsletters-category .btn-mayecreate:hover { background:#00A8E1; border-radius: 0; border:none; display: table; width: auto; padding:5px 10px; font-size: 25px; font-size:2.5rem; margin:0 0 15px 0; text-align: left; /* color:#fff; */ color: #000; font-weight:700; position:relative; } .btn-mayecreate.center { text-align: center !important; } .btn-mayecreate.donate_buttons { max-width: 95% !important; margin: 0 auto 20px !important; } .btn-mayecreate:after, a.btn-mayecreate:after, .post_wrapper.newsletters-category .btn-mayecreate:hover:after { width:15px; height:100%; position:absolute; content:''; top:0; left:-15px; background:url(img/button_left.png) bottom right no-repeat; background-size:100% 100%; -webkit-transition: all 0.14s ease-in-out; -moz-transition: all 0.14s ease-in-out; -o-transition: all 0.14s ease-in-out; -ms-transition: all 0.14s ease-in-out; } .btn-mayecreate.large:after, a.btn-mayecreate.large:after { width:28px; left:-28px; } .btn-mayecreate:before, a.btn-mayecreate:before, .post_wrapper.newsletters-category .btn-mayecreate:hover:before { width:15px; height:100%; position:absolute; content:''; top:0; right:-15px; background:url(img/button_right.png) top left no-repeat; background-size:100% 100%; -webkit-transition: all 0.14s ease-in-out; -moz-transition: all 0.14s ease-in-out; -o-transition: all 0.14s ease-in-out; -ms-transition: all 0.14s ease-in-out; } .btn-mayecreate.large:before, a.btn-mayecreate.large:before { width:28px; right:-28px; } .btn-mayecreate:hover:after, a.btn-mayecreate:hover:after, a.btn-mayecreate:focus, .post_wrapper.newsletters-category .btn-mayecreate:after { background:url(img/button_left_hover.png) bottom right no-repeat; background-size:100% 100%; } .btn-mayecreate:hover:before, a.btn-mayecreate:hover:before, a.btn-mayecreate:focus, .post_wrapper.newsletters-category .btn-mayecreate:before { background:url(img/button_right_hover.png) bottom right no-repeat; background-size:100% 100%; } .btn-mayecreate:hover, a.btn-mayecreate:hover, a.btn-mayecreate:active, a.btn-mayecreate:focus, .post_wrapper.newsletters-category .btn-mayecreate { background-color: #F5A81C; /* color:#fff; */ color: #000; } .btn-mayecreate.large, a.btn-mayecreate.large:link, a.btn-mayecreate.large:visited { font-size:35px; font-size:3.5rem; padding:10px 15px; } /* Social Media Icon Links ============================================*/ ul.social{ margin: 0; padding: 0; display: block; text-align:center; } ul.social li { display: inline-block; padding-left: 5px; padding-right: 5px; margin:0; background:none !important; } ul.social li a .fa { font-size: 40px; font-size: 4rem; color: #717D7D; } ul.social li a:hover .fa { color:#00A5DF; } /* Collapsing Content ========================================== */ .collapsingContent h2{ position:relative; padding-left: 30px; } .collapsingContent h2::before{ position:absolute; width: 100px; height: 100%; content: '\f056'; font-family: FontAwesome; left: 0; color: #6c9e41; } .collapsingContent h2.collapsed::before{ position:absolute; content: '\f055'; font-family: FontAwesome; color: #6c9e41; } /* Responsive Videos ============================================*/ .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive-item{ position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0; } .embed-responsive-16by9{ padding-bottom: 56.25%; position: relative; } .embed-responsive-4by3 { padding-bottom: 75%; position: relative; } /* FEATURE POSTS ========================================== */ #featuredPosts{ /* Place to customize the home page featured posts */ } /* HOME PAGE: FEATURE BOXES ========================================== */ #callouts{ /* Place to customize the home page callouts */ } /* PAGE OF PAGES: NAVIGATION ========================================== */ #childpageNav{ position: fixed; z-index: 999999; top: 0; bottom: 0; margin: auto; height: 175px; width: 50px; outline: 1px solid #000; background: #ffffff; } #childpageNav li a{ display: block; width: 15px; height: 15px; margin-top: 15px; margin-bottom: 15px; border-radius: 50%; border: 2px solid #6c9d30; } #childpageNav li a:hover{ text-decoration: none; border: 2px solid #000000; background: #000000; } #childpageNav li a:active, #childpageNav li a:focus{ text-decoration: none; background: #6c9d30; } /* Featured Image Slider ========================================== */ #featuredPostsSlider{ margin-top: 5vh; padding-top: 5vh; padding-bottom: 5vh; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } #featuredPostsSlider h2{ padding-bottom: 2vh; } #featuredPostsSlider #lightSlider li{ height: auto; } .lSSlideWrapper.usingCss{ position: relative; } .lightSlider.lsGrab.lSSlide li{ padding: 0; } .lSAction .lSPrev{ background: url(img/left.png) no-repeat; background-size: contain; height: 90px; margin-top: 0; top: 0; left: 1%; bottom: 0; margin: auto; } .lSAction .lSNext{ background: url(img/right.png) no-repeat; background-size: contain; height: 90px; margin-top: 0; top: 0; right: 1%; bottom: 0; margin: auto; } /* PAGE ITEMS ======================================= */ #title_area { text-align:center; padding:40px 0 30px 0; } #white_brake { padding:40px 0 45px 0; background: #fff; } .home_callout { position:relative; padding:40px 10px; margin:0 auto 15px auto; max-width:calc(100% - 50px); } .home_callout * { /* color:#fff; */ color: #000; display: block; } .home_callout .home_callout_inner { display: block; } .home_callout .home_callout_inner:after, .home_callout .home_callout_inner a:after { display: block; content: ''; clear: both; } .home_callout:before { position:absolute; left:-45px; top:0; width:45px; height:100%; content:''; background-size:100% 100% !important; } .home_callout:after { position:absolute; right:-45px; top:0; width:45px; height:100%; content:''; background-size:100% 100% !important; } .home_callout a * { -webkit-transition: all 0.14s ease-in-out; -moz-transition: all 0.14s ease-in-out; -o-transition: all 0.14s ease-in-out; -ms-transition: all 0.14s ease-in-out; } .home_callout a:hover * { opacity:.75; } .home_callout h2 { text-align:center; } .home_callout:before, .home_callout:after { display: none; } .home_callout .home_callout_inner { padding: 10px; } #home_callout_1 { background:#F5A81C; } #home_callout_1:before { background:url(img/home_callout_1_left.png) top right no-repeat; } #home_callout_1:after { background:url(img/home_callout_1_right.png) top left no-repeat; } #home_callout_2 { background:#799A3D; } #home_callout_2:before { background:url(img/home_callout_2_left.png) top right no-repeat; } #home_callout_2:after { background:url(img/home_callout_2_right.png) top left no-repeat; } #home_callout_3 { background:#00A8E1; } #home_callout_3:before { background:url(img/home_callout_3_left.png) top right no-repeat; } #home_callout_3:after { background:url(img/home_callout_3_right.png) top left no-repeat; } .home_callout_inner { } #home_footer { background:url(img/home_footer_bg.jpg) top center no-repeat; background-size:cover; padding:50px 0 60px 0; position: relative; } #home_footer .container { position: relative; z-index: 2; } #home_footer:before { width: 100%; height: 100%; position: absolute; z-index: 1; top: 0; left: 0; content: ''; background: rgba(255,255,255,.5); } .ctf-header { display:none !important; } #ctf .ctf-item { padding:5px; margin-bottom:10px; border:0 none !important; } #ctf #ctf-more { display:none; } .footer_conntect .social li a .fa { /* color:#00A8E1; */ color: #005A7A; } .footer_conntect .social li a:hover .fa { color:#F5A81C; } ul.Aff { display:none; } #submenu-main-menu, #sub-sub-nav { display:none; } #sub-sub-nav .container { max-width: 1640px; width: 98%; } #sub-sub-nav { background: rgba(234,236,235,.9); padding: 20px 0 25px 0; } #submenu-main-menu { display:block; margin:0 0 25px 0; padding:0; } #submenu-main-menu { text-align:center; margin:0; padding: 0; } #submenu-main-menu li { display:inline; background:none; margin:0; padding:0; position:relative; list-style: none; } #submenu-main-menu li a:link, #submenu-main-menu li a:visited { font-size: 18px; font-size: 1.8rem; padding: 4px 0; /* background: url(img/footer_nav_bg.png) right center no-repeat; background-size: auto 100%; */ background: none; font-weight: 900; color: #000000; /* text-transform: uppercase; */ text-transform: none; display:inline-block; font-family: 'Lato', sans-serif; } #submenu-main-menu li:last-child a { background:none; } #submenu-main-menu li a:hover, #submenu-main-menu li a:active { color:#005A7A; } #submenu-main-menu li a:after { content: '|'; display: inline; padding: 4px 10px; } #submenu-main-menu li:last-child a:after { display: none; } .mapp-layout { border:0 none; margin:0 0 15px 0; padding:0 !important; } .collapseomatic_content + .btn-mayecreate { margin:0 auto 25px auto !important; } .vr_wrapper { width:100% !important; height:auto !important; } #searchform { margin-top:15px !important; max-width:100% !important; margin-bottom: 20px !important; } #searchform input { max-width:100% !important; } .page-id-8441 .search_column { display: none !important; } .page-id-8441 .title_column { width: 100% !important; text-align: center !important; } .page-id-8441 .title_column .page-header, .page-id-8441 .title_column .page-header h1 { text-align: center; } #frm_form_6_container .frm_section_heading .frm_section_spacing { text-align: center; } #frm_field_72_container .frm_primary_label { text-align: center; font-weight: 700; font-size: 40px; font-size: 4rem; } #frm_field_72_container .frm_primary_label .frm_required { display: none !important; } #frm_field_72_container { text-align: center; margin-bottom: 15px; } #frm_field_72_container .frm_radio { position: relative; } #frm_field_72_container .frm_radio label { position: relative; color: #fff; font-size: 60px; font-size: 6rem; text-transform: uppercase; margin: 0 25px; } #frm_field_72_container .frm_radio input { display:block; position:absolute; top:0; left:0; right:0; bottom:0; margin: auto; cursor:pointer; } #frm_field_72_container .frm_radio input[type="radio"] { opacity:0.01; z-index:100; } #frm_field_72_container .frm_radio input[type="radio"]:checked { background:#d35e13; cursor:pointer; } #frm_field_72_container .frm_radio label { padding:5px 25px; border:0 none; background: #00a8e1; cursor:pointer; z-index:90; text-align: center; font-size: 60px; font-size: 6rem; color: #fff; -webkit-transition: all 0.14s ease-in-out; -moz-transition: all 0.14s ease-in-out; -o-transition: all 0.14s ease-in-out; -ms-transition: all 0.14s ease-in-out; } #frm_field_72_container .frm_radio label:hover, #frm_field_72_container .frm_radio label.active { background:#d35e13; cursor:pointer; color: #fff; } #frm_field_81_container .frm_primary_label, #frm_field_75_container .frm_primary_label, #frm_field_92_container .frm_primary_label, #frm_field_93_container .frm_primary_label, #frm_field_94_container .frm_primary_label, #frm_field_95_container .frm_primary_label { text-align: center; font-weight: 700; font-size: 25px; font-size: 2.5rem; color: #1f2525; } #frm_field_81_container .frm_primary_label .frm_required, #frm_field_75_container .frm_primary_label .frm_required { display: none !important; } #frm_field_81_container, #frm_field_75_container, #frm_field_92_container, #frm_field_93_container, #frm_field_94_container, #frm_field_95_container { text-align: center; margin-bottom: 15px; } #frm_form_6_container .frm_checkbox { position: relative; margin-bottom: 15px; } #frm_form_6_container .frm_checkbox label { position: relative; color: #fff; font-size: 20px; font-size: 2.0rem; } #frm_form_6_container .frm_checkbox input { display:block; position:absolute; top:0; left:0; right:0; bottom:0; margin: auto; cursor:pointer; } #frm_form_6_container .frm_checkbox input[type="checkbox"] { opacity:0.01; z-index:100; } #frm_form_6_container .frm_checkbox input[type="checkbox"]:checked { background:#d35e13; cursor:pointer; } #frm_form_6_container .frm_checkbox label { padding:5px 15px; border:0 none; background: #00a8e1; cursor:pointer; z-index:90; text-align: center; font-size: 20px; font-size: 2.0rem; color: #fff; -webkit-transition: all 0.14s ease-in-out; -moz-transition: all 0.14s ease-in-out; -o-transition: all 0.14s ease-in-out; -ms-transition: all 0.14s ease-in-out; } #frm_form_6_container .frm_checkbox label:hover, #frm_form_6_container .frm_checkbox label.active { background:#d35e13; cursor:pointer; color: #fff; } #frm_field_82_container .frm_primary_label { text-align: center; font-weight: 700; font-size: 40px; font-size: 4rem; } #frm_field_82_container .frm_primary_label .frm_required { display: none !important; } #frm_field_82_container input { text-align: center; border: 0 none !important; background: none !important; font-size: 50px; font-size: 5rem; color: #d35e13; font-weight: 700; outline: none; box-shadow: none !important; } #frm_form_6_container .frm_submit { text-align: center; } .frm_style_formidable-style.with_frm_style .frm_submit button { text-transform: uppercase; font-weight: 700; } #map_wrapper { position: relative; } #map_wrapper #map_bg { width: 100%; height: auto; display: block; padding-bottom: 115px; padding-top: 25px; position: relative; z-index: 1; } #map_wrapper #map_images { position: absolute; display: block; width: 568px; height: 188px; max-width: 75%; left: 0; right: 0; bottom: -10px; margin: auto; background: url(img/25_map_images.png) center center no-repeat; background-size: contain; z-index: 9999; } #map_wrapper #map_inner_move { position: absolute; top: 25px; left: 0; height: calc(100% - 140px); background: rgba(245,168,28,.85); display: block; z-index: 2; } @-webkit-keyframes progress-bar { 0% { width: 0; } } @-moz-keyframes progress-bar { 0% { width: 0; } } keyframes progress-bar { 0% { width: 0; } } #map_wrapper #map_inner_move { -webkit-animation: progress-bar 2s; -moz-animation: progress-bar 2s; animation: progress-bar 2s; } #map_wrapper #map_inner_move #map_decor { width: 203px; height: 100%; background-image: url(img/25_map_moving.png); background-position: left center; background-repeat: no-repeat; background-size: auto 100%; display: block; right: -203px; position: absolute; z-index: 1; } #map_wrapper #map_inner_move #map_line { width: calc(100% + 100px); height: 11px; background-image: url(img/25_map_white_bar.png); background-position: right center; background-repeat: repeat-x; position: absolute; top: 41%; right: -100px; z-index: 3; display: none; } #goal_content { color: #fff; text-align: right; position: absolute; z-index: 5; top: 31%; right: 0; font-weight: 900; display: none; } #goal_content #goal_title { font-size: 30px; font-size: 3.0rem; margin-bottom: 25px; } #goal_content #goal_amount { font-size: 50px; font-size: 5.0rem; line-height: 50px; } #goal_content #goal_miles { font-size: 30px; font-size: 3.0rem; line-height: 30px; } #page .slideshow-window { background-color: transparent; border: 0 none; border-radius: 0; padding-top: 0 !important; padding-bottom: 100% !important; } #page .slideshow-slide-caption { color: #222; text-shadow: none; } #page .slideshow-controls { opacity: 0; } #page .slideshow-window:hover .slideshow-controls { opacity: 1; } /* HOME SLIDER ========================================== */ div#homefeatured { display: none; } div#homefeatured { display: block; margin-left: auto; margin-right: auto; margin-bottom: 0px; } div#homefeatured #myCarousel{ box-shadow: none; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } div#homefeatured #myCarousel, div#homefeatured .carousel, div#homefeatured .carousel-inner { height: 30vh; } div#homefeatured #myCarousel:hover{ box-shadow: none; } div#homefeatured .carousel{ width: 100%; } div#homefeatured .carousel-inner { position: relative; z-index: 2; } div#homefeatured .carousel-inner>.item { height: 100%; background-size: cover; background-repeat: no-repeat; background-position: top right; } #video_outer { display: none; } .video_outer_wrapper { background-image:url("../../uploads/2017/07/home_slide_3.jpg") !important; } .home_callout a, .home_callout span { display: block; } .page-id-2960 #menu-main-menu li:nth-last-child(2) ul.children, .parent-pageid-2960 #menu-main-menu li:nth-last-child(2) ul.children, .parent-pageid-3110 #menu-main-menu li:nth-last-child(2) ul.children, .parent-pageid-6413 #menu-main-menu li:nth-last-child(2) ul.children, .parent-pageid-7172 #menu-main-menu li:nth-last-child(2) ul.children, .parent-pageid-3151 #menu-main-menu li:nth-last-child(2) ul.children, .parent-pageid-3133 #menu-main-menu li:nth-last-child(2) ul.children, .parent-pageid-5725 #menu-main-menu li:nth-last-child(2) ul.children { display: none !important; } .page-id-10658 #sub_sub_nav, .page-id-5725 #sub_sub_nav { display: none !important; } .mobile_hide { display: none; } .mobile_show { display: block; } .jp-carousel-info { display: none !important; } #page .with_frm_style .frm_right_container .frm_primary_label { width: calc(100% - 80px); max-width: 100% !important; } @media (min-width: 768px) { .mobile_hide { display: block; } .mobile_show { display: none; } } @media (max-width: 992px) { #main_nav > ul > li:last-child a:link, #main_nav > ul > li:last-child a:visited { padding: 10px; } #main_nav > ul > li:last-child a:before, #main_nav > ul > li:last-child a:after { display: none; } #contentwrap > .container { padding-top: 20px; } } /* Small devices (tablets, 768px and up) */ @media (min-width: 768px) { /* TYPOGRAPHY: HEADINGS ========================================== */ /* TYPOGRAPHY: PARAGRAPHS ========================================== */ /* TYPOGRAPHY: LIST ITEMS ========================================== */ /* HEADER ========================================== */ #branding-container { margin:0; padding:0; width: auto; max-width: 30%; } #branding-container a.brand { font-size: 30px; color: #000000; } /* HOME SLIDER ========================================== */ div#homefeatured { display: block; margin:0 auto; } #affiliate_home_header { height:400px; } div#homefeatured #myCarousel{ box-shadow:none; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } div#homefeatured #myCarousel:hover{ box-shadow:none; } div#homefeatured .carousel{ width: 100%; } div#homefeatured .carousel-inner>.item>a>img, div#homefeatured .carousel-inner>.item>img{ width: 100%; } div#homefeatured .slideDesc, #affiliate_home_header .slideDesc { position: absolute; display:block; z-index: 4000; bottom: 0; left:0; /* padding:30px 0 30px 45px; */ padding: 30px 150px 30px 45px; /* background:rgba(0,168,225,.75); */ background: rgba(0,90,122,.75); margin: auto; width: 90%; max-width:700px; text-align: left; clip-path: polygon(0 0, calc(100% - 150px) 0%, 100% 100%, 0% 100%); } div#homefeatured .slideDesc:after, #affiliate_home_header .slideDesc:after { background:url(img/slider_desc_after.png) top left no-repeat; background-size:100% auto; content:''; position:absolute; bottom:0; right:-150px; width:150px; height:100%; display: none; } div#homefeatured .slideDesc .slideTitle, #affiliate_home_header .slideDesc .slideText { display: block; font-size: 45px; font-size: 4.5rem; color: #ffffff; } div#homefeatured .slideDesc .slideText, #affiliate_home_header .slideDesc .slideText { display: block; font-size: 30px; font-size: 3rem; color: #ffffff; font-weight:900; text-shadow:1px 1px 5px rgba(0,168,225,.5); } #affiliate_home_header .slideDesc .slideText h2 { color:#fff; font-size:42px; font-size:4.2rem; margin:0; } #affiliate_home_header .slideDesc .slideText h2 span { text-transform:uppercase; } div#homefeatured .slideDesc .btn.btn-mayecreate{ margin-top: 5vh; width: 200px; color: #fff; } div#homefeatured .carousel-control{ display: block; height: 75px; width: 25px; top: 0; bottom: 0; margin: auto; background: none; } div#homefeatured .carousel-control.left{ background: url(img/left.png) no-repeat; background-size: contain; left: 3%; } div#homefeatured .carousel-control.right{ background: url(img/right.png) no-repeat; background-size: contain; right: 3%; } .carousel-fade .carousel-inner .item { -webkit-transition-property: opacity; transition-property: opacity; } .carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { opacity: 0; } .carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; } .carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel-fade .carousel-control { z-index: 2; } /* NAVIGATION ========================================== */ #mobile_menu { height: 68px; } /* SCROLL STICK NAVIGATION ========================================== */ #navigation{ margin-top:0; margin-bottom:0; } #navigation.affix{ margin-top:0; width: 100%; } #navigation.affix #branding-container { max-width: 160px; padding-top: 0px; padding-bottom: 0px; padding-left:25px; } #navigation.affix #branding-container:after { display:none; } #navigation.affix #header_left { background:none; } #navigation .navbar{ margin-bottom: 0; } #navigation.affix #header_tagline { display:none; } #navigation.affix .navbar-default { background-color: rgba(200,200,200,.9); border-color: #e7e7e7; min-height:0; } #navigation.affix #main_nav ul li a:link, #navigation.affix #main_nav ul li a:visited { font-size: 16px; font-size:1.6rem; padding: 11px 5px 12px 5px !important; margin:0 5px !important; background-size:0% !important; clip-path: none !important; } #navigation.affix #main_nav > ul > li > a:hover, #navigation.affix #main_nav > ul > li > a:active { background-size:100% !important; } #navigation.affix #main_nav ul li a:before, #navigation.affix #main_nav ul li a:after { display:none; } #navigation.affix #main_nav ul li ul { left:5px; } /* BREADCRUMB NAVIGATION ========================================== */ .breadcrumb { display: block; margin-left: 0; } /* CONTENT SECTIONS ========================================== */ /* BLOG ========================================== */ /* SIDEBARS ========================================== */ /* IMAGES ========================================== */ img.alignleft{ float:left; display:block; margin: 15px 15px 15px 0; } .wp-caption.alignleft{ float:left; display:block; margin: 5px 15px 15px 0; } img.alignright { float:right; display:block; margin:15px 0 15px 15px; } .wp-caption.alignright{ float:right; display:block; margin: 5px 0 15px 15px; } img.aligncenter, .wp-caption.aligncenter{ float:none; display:block; margin: 15px auto 15px auto; } /* BUTTONS ========================================== */ .btn-mayecreate{ display: inline-block; width: 32.9%;; } /* FEATURE POSTS ========================================== */ #featuredPosts{ /* Place to customize the home page featured posts */ } /* HOME PAGE: FEATURE BOXES ========================================== */ #callouts{ /* Place to customize the home page callouts */ } div#homefeatured #myCarousel, div#homefeatured .carousel, div#homefeatured .carousel-inner { height: 555px; } } /* Medium devices (desktops, 992px and up) */ @media (min-width: 992px) { .home_callout:before, .home_callout:after { display: block; } .home_callout .home_callout_inner { padding: 0px; } .pagebreak_left_img { float: left; width: 50%; } /* TYPOGRAPHY: HEADINGS ========================================== */ .page-header { margin: 40px 0 20px; border-color: transparent; } /* TYPOGRAPHY: PARAGRAPHS ========================================== */ /* TYPOGRAPHY: LIST ITEMS ========================================== */ /* HEADER ========================================== */ div#homefeatured #myCarousel, div#homefeatured .carousel, div#homefeatured .carousel-inner { height: 500px; } #video_outer { display: block; } .video_outer_wrapper { background: none !important; } #affiliate_home_header { height:500px; } #searchform { margin-top: 55px !important; } #branding-container { max-width:100%; } #branding-container a.brand{ text-transform: uppercase; font-size: 30px; color: #000000; } #header_right, #header_tagline { display:block; } #navbarBottom #header_left { width:30%; float:left; background:rgba(0,168,225,.5); padding:0; } .home #navbarBottom #header_left, .page-template-page-affiliates-home #navbarBottom #header_left { background:none; } #navbarBottom #header_right { width:70%; float:left; position: relative; } #header_tagline { background:#005A7A; padding:10px 0 10px 25px; position:relative; margin-bottom:-19px; } #header_tagline:after { position:absolute; content:''; width:20px; height:100%; top:0; right:-20px; /* background:url(img/logo_box_bottom.png) top left no-repeat; background-size:100% 100%; */ background: #005A7A; clip-path: polygon(0 0, 75% 0, 100% 100%, 0% 100%); } .home #header_tagline, .home #branding-container:after, .page-template-page-affiliates-home #header_tagline, .page-template-page-affiliates-home #branding-container:after { display:none !important; } #header_tagline p { font-size:11.5px; font-size:1.15rem; color:#fff; margin:0; font-weight:900; } #branding-container { position:relative; } #branding-container:after { position:absolute; content:''; width:20px; height:100%; top:0; right:-20px; /* background:url(img/logo_box_top.png) top left no-repeat; background-size:100% 100%; */ background: rgba(0,168,225,.5); clip-path: polygon(0 0, 0 0, 75% 100%, 0% 100%); } .home #header_tagline, .home #branding-container:after { display:none !important; } #logo_title { display:block; text-align:right; margin-top:-18px; } #logo_title p { font-size:20px; font-size:2.0rem; color:#fff; margin:0; } #footer_logo_title { display:block; text-align:right; margin-top:0; } #footer_logo_title p { font-size:1.5px; font-size:1.5rem; color:#717D7D; margin-top:-12px; text-align:right; } .affiliate_sub_branding { padding-bottom:8px; } #navigation.affix #branding-container #logo_title { display:none; } /* HOME SLIDER ========================================== */ div#homefeatured .carousel-control{ height: 100px; width: 30px; } div#homefeatured .carousel-control.left{ left: 7%; } div#homefeatured .carousel-control.right{ right: 7%; } /* TOP NAVIGATION ========================================== */ #navbarTop, #navbarBottom, #footer_nav{ display: block; } #navbarTop.navbar, #navbarBottom.navbar{ border-radius: 0px; } #navbarTop.navbar .container, #navbarBottom.navbar .container{ position: relative; } #top_nav ul{ margin:0; padding:0; list-style:none; display:inline; } #top_nav ul li{ float: left; margin:0; padding:0 0 0 0; background:none; } #top_nav a{ display: inline-block; margin: 0; text-decoration: none; font-size: 17px; padding: 15px 10px; text-transform: uppercase; color: #ccc; font-weight: 100; /* if you have different color for Nav links, change it here */ } #top_nav a:hover { color: #000000; text-decoration:none; /* if you have different color for Nav link hover state, change it here */ } #top_nav ul li:first-child a { padding: 15px 10px 15px 10px; } #top_nav li.current_page_item a { } #top_nav li.current_page_parent a { } /* MAIN NAVIGATION ========================================== */ #main_nav{ display: block; } #main_nav ul { margin:0; padding:0; list-style:none; display:block; text-align:right; } #main_nav ul li { float:none; margin:0; padding:0; background:none; display: inline-block; position: relative; } #main_nav ul li:last-child { display: inline-block; } #main_nav ul ul { display: none; position: absolute; z-index: 9000; /* background: rgba(0,168,225,.75); */ background: rgba(0,90,122,.9); margin: 0; padding: 0; width: 300px; min-width: 150px; max-width: 300px; border:none; text-align:left; left:10px; } #main_nav ul li.menu-item-5386 ul, #main_nav ul li.menu-item-5609 ul { width: 500px; max-width: 500px; } #main_nav ul li:hover ul { list-style: none; position: absolute; display: list-item; } #main_nav ul ul li { display:block; float:none; margin:0; padding:0; } #main_nav ul li.menu-item-5386 ul li, #main_nav ul li.menu-item-5609 ul li { float: left; width:50%; } #main_nav a:link, #main_nav a:visited { display: block; /* margin: 0 10px; */ margin: 0 -10px; text-decoration: none; font-size: 13px; font-size:1.3rem; /*padding:75px 0 25px 0; text-transform: uppercase; */ padding: 75px 20px 25px 30px; text-transform: none; color: #fff; font-weight: 900; text-shadow:1px 1px 5px rgba(0,0,0,.5); position:relative; /* background:url(img/nav_active_bg.png) top left no-repeat; background-size:0%; */ -webkit-transition: all 0.14s ease-in-out; -moz-transition: all 0.14s ease-in-out; -o-transition: all 0.14s ease-in-out; -ms-transition: all 0.14s ease-in-out; clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 100%, 30px 100%); } #main_nav > ul > li > a:before, #main_nav > ul > li > a:after { position:absolute; z-index:1; content:''; width:40px; height:100%; top:0; background-size:100% 100% !important; opacity:0; } #main_nav a span { position:relative; z-index:2; } #main_nav a:after { background:url(img/nav_active_right.png) top left no-repeat; right:-22px; } #main_nav a:before { background:url(img/nav_active_left.png) top right no-repeat; left:-40px; } #main_nav a:after, #main_nav a:before { display: none; } #main_nav a:hover, #main_nav a:active, #main_nav ul li.active a, #main_nav > ul > li:hover > a, #main_nav > ul > li.current_page_item > a { /* if you have different color for Nav link hover state, change it here */ color: #fff; background-size:calc(100% - 17.5px) 100%; background: #005A7A; } #main_nav ul li ul li a { background:none !important; font-size:14px !important; font-size:1.4rem !important; clip-path: none !important } #navigation.affix #main_nav ul li ul li a:link, #navigation.affix #main_nav ul li ul li a:visited { padding:5px 10px !important; } #main_nav a:hover:before, #main_nav a:hover:after, #main_nav ul li.active a:before, #main_nav ul li.active a:after, #main_nav > ul > li:hover > a:before, #main_nav > ul > li:hover > a:after, #main_nav > ul > li.current_page_item > a:before, #main_nav > ul > li.current_page_item > a:after { opacity:1; } #main_nav ul ul li a:link, #main_nav ul ul li a:visited { padding: 5px 10px; margin:0; width: 100%; } #main_nav ul ul li a:hover, #main_nav ul ul li a:active { background:none; color:#F9CB76 } #mobile_menu { display: none; } #main_nav > ul > li:last-child a:link, #main_nav > ul > li:last-child a:visited { /* padding:5px 0; margin:70px 10px 20px 10px; background:#F5A81C;*/ } #main_nav > ul > li:last-child a:before, #main_nav > ul > li:last-child a:after { width:10px; height:100%; opacity:1; } #main_nav > ul > li:last-child a:before { background:url(img/donate_before.png) top right no-repeat; left:-10px; } #main_nav > ul > li:last-child a:after { background:url(img/donate_after.png) top left no-repeat; right:-10px; } #sub_sub_nav, #sub-sub-nav { display: block; } ul.Aff, #submenu-main-menu { display:block; margin:0; padding:0; } ul.Aff li, #submenu-main-menu li { display:inline; background:none; margin:0; padding:0; position:relative; } ul.Aff li .dropdown-content { position:absolute; display:none; left:0; background:rgba(255,255,255,.75); border:1px solid #c6cbca; width:200px; } ul.Aff li .dropdown-content br { display:none; } ul.Aff li:hover .dropdown-content { display:block; } ul.Aff li a:link, ul.Aff li a:visited { font-size: 13px; font-size: 1.3rem; padding: 8px 30px 8px 0px; background: url(img/footer_nav_bg.png) right center no-repeat; background-size: auto 100%; font-weight: 900; color: #000000; text-transform: uppercase; display:inline-block; } ul.Aff li:last-child a, #submenu-main-menu li:last-child a { background:none; } /* #submenu-main-menu li a:link, #submenu-main-menu li a:visited { font-weight:400; font-size:18px; font-size:1.8rem; } */ ul.Aff li a:hover, ul.Aff li a:active { color:#00A5DF; } ul.Aff li .dropdown-content a:link, ul.Aff li .dropdown-content a:visited { display:block; background:none; padding:10px 10px; } ul.Aff li .dropdown-content a:hover, ul.Aff li .dropdown-content a:active { background:#c6cbca; } /*WIDE MENU ============================ */ #main_nav .wide-drop { padding-bottom: 75px; } .affix-top #main_nav > ul > .wide-drop > ul { width: 100%; max-width: 100%; left: 0; position: fixed; padding: 25px 10%; text-align: left; vertical-align: top; } .page-template-page-landing .affix-top #main_nav > ul > .wide-drop > ul, .home .affix-top #main_nav > ul > .wide-drop > ul, .page-template-page-affiliates-home .affix-top #main_nav > ul > .wide-drop > ul { top: auto !important; } .affix-top #main_nav > ul > .wide-drop > ul:after { display: block; clear: both; content: ''; } .affix #main_nav > ul > .wide-drop > ul { top: auto !important; } .affix-top #main_nav > ul > .wide-drop > ul > li { float: none; display: inline-block; width: calc(100% / 3 - 26px); margin-right: 15px; padding-right: 10px; border-right: 0 none; height: 100%; text-align: left; vertical-align: top; } .affix-top #main_nav > ul > .wide-drop > ul > li:last-child { margin-right: 0; padding-right: 0; border: 0 none; width: calc(100% / 3); } .affix-top #main_nav > ul > .wide-drop > ul > li a { padding: 5px 10px; margin-bottom: 0; } .affix-top #main_nav > ul > .wide-drop > ul > li > a { margin: 0; } .affix-top #main_nav > ul > .wide-drop > ul > li > a:hover, .affix-top #main_nav > ul > .wide-drop > ul > li > a:active { background: none; } .affix-top #main_nav > ul > .wide-drop > ul ul { position: static; background: none; display: block; width: 100%; max-width: 100%; border: 0 none; } /* FOOTER NAVIGATION ========================================== */ footer.site-footer p { text-align:left; } ul.social { text-align:left; } footer.site-footer .footer_logo { margin-top:-60px; } #footer_nav{ display: block; } #footer_nav ul { margin:0; padding:0; list-style:none; display:block; text-align:left; } #footer_nav ul li { float: none; display:inline-block; margin:0; padding:0; background:none; } #footer_nav a:link, #footer_nav a:visited { display:block; margin:0; text-decoration:none; font-size: 12px; font-size:1.2rem; padding: 4px 22px 4px 0px; background:url(img/footer_nav_bg.png) right center no-repeat; background-size:auto 100%; font-weight:900; color:#000000; text-transform:uppercase; /* if you have different color for Nav links, change it here */ } #footer_nav a:hover, #footer_nav a:active, #footer_nav ul li.active a { text-decoration:none; /* color:#00A5DF; */ color: #005A7A; /* if you have different color for Nav link hover state, change it here */ } #footer_nav ul li:last-child a { background:none; padding-right:0; } .parent-pageid-2960 #footer_nav > ul > li:nth-last-child(2) a:link, .parent-pageid-2960 #footer_nav > ul > li:nth-last-child(2) a:visited, .parent-pageid-3110 #footer_nav > ul > li:nth-last-child(2) a:link, .parent-pageid-3110 #footer_nav > ul > li:nth-last-child(2) a:visited, .parent-pageid-6413 #footer_nav > ul > li:nth-last-child(2) a:link, .parent-pageid-6413 #footer_nav > ul > li:nth-last-child(2) a:visited, .parent-pageid-7172 #footer_nav > ul > li:nth-last-child(2) a:link, .parent-pageid-7172 #footer_nav > ul > li:nth-last-child(2) a:visited, .parent-pageid-3151 #footer_nav > ul > li:nth-last-child(2) a:link, .parent-pageid-3151 #footer_nav > ul > li:nth-last-child(2) a:visited, .parent-pageid-3133 #footer_nav > ul > li:nth-last-child(2) a:link, .parent-pageid-3133 #footer_nav > ul > li:nth-last-child(2) a:visited, .parent-pageid-5725 #footer_nav > ul > li:nth-last-child(2) a:link, .parent-pageid-5725 #footer_nav > ul > li:nth-last-child(2) a:visited, .page-id-2960 #footer_nav > ul > li:nth-last-child(2) a:link, .page-id-2960 #footer_nav > ul > li:nth-last-child(2) a:visited { background: none; } .parent-pageid-2960 #footer_nav > ul > li, .parent-pageid-3110 #footer_nav > ul > li, .parent-pageid-6413 #footer_nav > ul > li, .parent-pageid-7172 #footer_nav > ul > li, .parent-pageid-3151 #footer_nav > ul > li, .parent-pageid-3133 #footer_nav > ul > li, .parent-pageid-5725 #footer_nav > ul > li, .page-id-2960 #footer_nav > ul > li { position: relative; } .parent-pageid-2960 #footer_nav > ul > li:last-child a:link, .parent-pageid-2960 #footer_nav > ul > li:last-child a:visited, .parent-pageid-3110 #footer_nav > ul > li:last-child a:link, .parent-pageid-3110 #footer_nav > ul > li:last-child a:visited, .parent-pageid-6413 #footer_nav > ul > li:last-child a:link, .parent-pageid-6413 #footer_nav > ul > li:last-child a:visited, .parent-pageid-7172 #footer_nav > ul > li:last-child a:link, .parent-pageid-7172 #footer_nav > ul > li:last-child a:visited, .parent-pageid-3151 #footer_nav > ul > li:last-child a:link, .parent-pageid-3151 #footer_nav > ul > li:last-child a:visited, .parent-pageid-3133 #footer_nav > ul > li:last-child a:link, .parent-pageid-3133 #footer_nav > ul > li:last-child a:visited, .parent-pageid-5725 #footer_nav > ul > li:last-child a:link, .parent-pageid-5725 #footer_nav > ul > li:last-child a:visited, .page-id-2960 #footer_nav > ul > li:last-child a:link, .page-id-2960 #footer_nav > ul > li:last-child a:visited { padding:4px 22px; margin:0; background:#F5A81C; /* color: #fff !important; */ color: #000 !important; position: relative; } .parent-pageid-2960 #footer_nav > ul > li:last-child a:hover, .parent-pageid-2960 #footer_nav > ul > li:last-child a:active, .parent-pageid-3110 #footer_nav > ul > li:last-child a:hover, .parent-pageid-3110 #footer_nav > ul > li:last-child a:active, .parent-pageid-6413 #footer_nav > ul > li:last-child a:hover, .parent-pageid-6413 #footer_nav > ul > li:last-child a:active, .parent-pageid-7172 #footer_nav > ul > li:last-child a:hover, .parent-pageid-7172 #footer_nav > ul > li:last-child a:active, .parent-pageid-3151 #footer_nav > ul > li:last-child a:hover, .parent-pageid-3151 #footer_nav > ul > li:last-child a:active, .parent-pageid-3133 #footer_nav > ul > li:last-child a:hover, .parent-pageid-3133 #footer_nav > ul > li:last-child a:active, .parent-pageid-5725 #footer_nav > ul > li:last-child a:hover, .parent-pageid-5725 #footer_nav > ul > li:last-child a:active, .page-id-2960 #footer_nav > ul > li:last-child a:hover, .page-id-2960 #footer_nav > ul > li:last-child a:active { background:#00A8E1; /* color: #fff !important; */ color: #000 !important; } .parent-pageid-2960 #footer_nav > ul > li:last-child a:before, .parent-pageid-3110 #footer_nav > ul > li:last-child a:before, .parent-pageid-6413 #footer_nav > ul > li:last-child a:before, .parent-pageid-7172 #footer_nav > ul > li:last-child a:before, .parent-pageid-3151 #footer_nav > ul > li:last-child a:before, .parent-pageid-3133 #footer_nav > ul > li:last-child a:before, .parent-pageid-5725 #footer_nav > ul > li:last-child a:before, .page-id-2960 #footer_nav > ul > li:last-child a:before { width:15px; height:100%; position:absolute; content:''; top:0; right:-15px; background:url(img/button_right_hover.png) top left no-repeat; background-size:100% 100%; -webkit-transition: all 0.14s ease-in-out; -moz-transition: all 0.14s ease-in-out; -o-transition: all 0.14s ease-in-out; -ms-transition: all 0.14s ease-in-out; } .parent-pageid-2960 #footer_nav > ul > li:last-child a:after, .parent-pageid-3110 #footer_nav > ul > li:last-child a:after, .parent-pageid-6413 #footer_nav > ul > li:last-child a:after, .parent-pageid-7172 #footer_nav > ul > li:last-child a:after, .parent-pageid-3151 #footer_nav > ul > li:last-child a:after, .parent-pageid-3133 #footer_nav > ul > li:last-child a:after, .parent-pageid-5725 #footer_nav > ul > li:last-child a:after, .page-id-2960 #footer_nav > ul > li:last-child a:after { width:15px; height:100%; position:absolute; content:''; top:0; left:-15px; background:url(img/button_left_hover.png) top left no-repeat; background-size:100% 100%; -webkit-transition: all 0.14s ease-in-out; -moz-transition: all 0.14s ease-in-out; -o-transition: all 0.14s ease-in-out; -ms-transition: all 0.14s ease-in-out; } .parent-pageid-2960 #footer_nav > ul > li:last-child a:hover:before, .parent-pageid-2960 #footer_nav > ul > li:last-child a:focus:before, .parent-pageid-3110 #footer_nav > ul > li:last-child a:hover:before, .parent-pageid-3110 #footer_nav > ul > li:last-child a:focus:before, .parent-pageid-6413 #footer_nav > ul > li:last-child a:hover:before, .parent-pageid-6413 #footer_nav > ul > li:last-child a:focus:before, .parent-pageid-7172 #footer_nav > ul > li:last-child a:hover:before, .parent-pageid-7172 #footer_nav > ul > li:last-child a:focus:before, .parent-pageid-3151 #footer_nav > ul > li:last-child a:hover:before, .parent-pageid-3151 #footer_nav > ul > li:last-child a:focus:before, .parent-pageid-3133 #footer_nav > ul > li:last-child a:hover:before, .parent-pageid-3133 #footer_nav > ul > li:last-child a:focus:before, .parent-pageid-5725 #footer_nav > ul > li:last-child a:hover:before, .parent-pageid-5725 #footer_nav > ul > li:last-child a:focus:before, .page-id-2960 #footer_nav > ul > li:last-child a:hover:before, .page-id-2960 #footer_nav > ul > li:last-child a:focus:before { background:url(img/button_right.png) bottom right no-repeat; background-size:100% 100%; } .parent-pageid-2960 #footer_nav > ul > li:last-child a:hover:after, .parent-pageid-2960 #footer_nav > ul > li:last-child a:focus:after, .parent-pageid-3110 #footer_nav > ul > li:last-child a:hover:after, .parent-pageid-3110 #footer_nav > ul > li:last-child a:focus:after, .parent-pageid-6413 #footer_nav > ul > li:last-child a:hover:after, .parent-pageid-6413 #footer_nav > ul > li:last-child a:focus:after, .parent-pageid-7172 #footer_nav > ul > li:last-child a:hover:after, .parent-pageid-7172 #footer_nav > ul > li:last-child a:focus:after, .parent-pageid-3151 #footer_nav > ul > li:last-child a:hover:after, .parent-pageid-3151 #footer_nav > ul > li:last-child a:focus:after, .parent-pageid-3133 #footer_nav > ul > li:last-child a:hover:after, .parent-pageid-3133 #footer_nav > ul > li:last-child a:focus:after, .parent-pageid-5725 #footer_nav > ul > li:last-child a:hover:after, .parent-pageid-5725 #footer_nav > ul > li:last-child a:focus:after, .page-id-2960 #footer_nav > ul > li:last-child a:hover:after, .page-id-2960 #footer_nav > ul > li:last-child a:focus:after { background:url(img/button_left.png) bottom right no-repeat; background-size:100% 100%; } .footer_conntect .social { display:inline; } /* CONTENT SECTIONS ========================================== */ /* BLOG ========================================== */ /* SIDEBARS ========================================== */ /* BUTTONS ========================================== */ .btn-mayecreate{ display: block; width: 100%; } /* FEATURE POSTS ========================================== */ #featuredPosts{ /* Place to customize the home page featured posts */ } } /* Large devices (large desktops, 1200px and up) */ @media (min-width: 1200px) { /* PAGEBREAKS =========================================== */ .pagebreak_left_content { width: 100%; } .pagebreak_left_img { width: calc(100% / 3); } /* TYPOGRAPHY: HEADINGS ========================================== */ /* TYPOGRAPHY: PARAGRAPHS ========================================== */ /* TYPOGRAPHY: LIST ITEMS ========================================== */ /* HEADER ========================================== */ div#homefeatured #myCarousel, div#homefeatured .carousel, div#homefeatured .carousel-inner { height: 675px; } #affiliate_home_header { height:600px; } #branding-container { } #branding-container a.brand{ font-size: 38px; } #header_tagline:after, #branding-container:after { width:40px; right:-40px; } #header_tagline p { font-size:14.5px; font-size:1.45rem; } /* HOME SLIDER ========================================== */ div#homefeatured .carousel-control{ height: 125px; width: 35px; } div#homefeatured .carousel-control.left{ left: 10%; } div#homefeatured .carousel-control.right{ right: 10%; } /* NAVIGATION ========================================== */ #footer_nav a:link, #footer_nav a:visited { font-size: 13px; font-size:1.3rem; padding: 8px 30px 8px 0px; } #main_nav a:link, #main_nav a:visited { font-size:16px; font-size:1.6rem; /* margin:0 13px; */ } #main_nav ul li ul li a { font-size:16px !important; font-size:1.6rem !important; } #main_nav ul ul { left:13px; } #main_nav > ul > li:last-child a:link, #main_nav > ul > li:last-child a:visited { /* margin:70px 13px 20px 13px; */ } #main_nav > ul > li:last-child a:before, #main_nav > ul > li:last-child a:after { width:13px; } #main_nav > ul > li:last-child a:before { left:-13px; } #main_nav > ul > li:last-child a:after { right:-13px; } #main_nav ul ul li a:link, #main_nav ul ul li a:visited { font-size:18px; font-size:1.8rem; } /* FOOTER ========================================== */ #footer_logo_title p { font-size:20px; font-size:2.0rem; } /* 25th Map ========================================== */ #map_wrapper #map_images { bottom:10px; } #map_wrapper #map_inner_move #map_line { display: block; right: 0; } #map_wrapper #map_inner_move { display: block; min-width: 200px; } #goal_content { display: block; } } /* Extra Large devices (Apple 4K desktops, 1700px and up) */ @media (min-width: 1350px) { #affiliate_home_header { height:750px; } #footer_nav a:link, #footer_nav a:visited { font-size: 16px; font-size:1.6rem; padding: 10px 35px 10px 0px; } footer.site-footer p { font-size:20px; font-size:2.0rem; } #main_nav a:link, #main_nav a:visited { font-size:18px; font-size:1.8rem; /* margin:0 15px; */ } #main_nav ul li ul li a { font-size:18px !important; font-size:1.8rem !important; } #main_nav ul ul { left:15px; } #main_nav > ul > li:last-child a:link, #main_nav > ul > li:last-child a:visited { /* margin:70px 15px 20px 15px; */ } #main_nav > ul > li:last-child a:before, #main_nav > ul > li:last-child a:after { width:15px; } #main_nav > ul > li:last-child a:before { left:-15px; } #main_nav > ul > li:last-child a:after { right:-15px; } #header_tagline:after, #branding-container:after { width:80px; right:-80px; } #header_tagline p { font-size:16px; font-size:1.6rem; } #logo_title { max-width: 71%; } } @media (min-width: 1550px) { div#homefeatured #myCarousel, div#homefeatured .carousel, div#homefeatured .carousel-inner { height: 775px; } #footer_nav a:link, #footer_nav a:visited { font-size: 20px; font-size:2rem; padding: 10px 33px 10px 0px; } #main_nav a:link, #main_nav a:visited { font-size:22px; font-size:2.2rem; } #header_tagline:after, #branding-container:after { width:100px; right:-100px; } #header_tagline p { font-size:19px; font-size:1.9rem; } #footer_logo_title p { font-size:25px; font-size:2.5rem; } #map_wrapper #map_inner_move #map_line { right:-50px; } }