/* Theme Name: karma Theme URI: http:/lubie.co Author: Lubie Author URI: http:/lubie.co Description: Lubie Karma theme Version: 1.0 License: GNU General Public License v2 or later License URI: http:/www.gnu.org/licenses/gpl-2.0.html */ /* Global ----------------------------------------------- */ body { color: #333; font-weight: 400; line-height: 1.8; background: #fff; } /*::-webkit-scrollbar { width: 10px; height: 12px; } ::-webkit-scrollbar-thumb { background: #000; } ::-webkit-scrollbar-thumb:hover { background: #1fa0ae; } ::-webkit-scrollbar-track-piece { background:#fff;}*/ /* Headings */ h1,h2,h3,h4,h5,h6 { margin: .25em 0 .5em; font-weight: 400; line-height: 1.2em; } h1 { font-size: 16px; font-size: 1.6rem; } h2 { font-size: 14px; font-size: 1.4rem; } h3 { font-size: 13px; font-size: 1.3rem; } h4 { font-size: 12px; font-size: 1.2rem; } h5 { font-size: 11px; font-size: 1.1rem; } h6 { font-size: 10px; font-size: 1rem; } img { max-width: 100%; height: auto; } /* Links */ a { color: #1fa0ae; outline: none; } a:visited { color: #1fa0ae; } a:hover,a:focus,a:active { color: #333; } /* Text Elements */ blockquote p { line-height: 1.6; } dd { margin-bottom: 1em; } /* Tables */ table { width: 100%; margin-bottom: 20px; } table th,table td { padding: 8px; line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #ddd; } table th { font-weight: 700; } table thead th { vertical-align: bottom; } table caption + thead tr:first-child th,table caption + thead tr:first-child td,table colgroup + thead tr:first-child th,table colgroup + thead tr:first-child td,table thead:first-child tr:first-child th,table thead:first-child tr:first-child td { border-top: 0; } table tbody + tbody { border-top: 2px solid #ddd; } /* Make sure embeds and iframes fit their containers */ embed,iframe,object { max-width: 100%; } img { max-width: 100%; height: auto; } /********** LUBIE START **********/ /* IE ALERT */ .ie-alert { background-color: #000; text-align: center; font-weight: 700; width: 100%; margin-bottom: 10px; } .ie-alert a { color: #fff; line-height: 24px; text-decoration: none; } .wide-container { width: 100%; } /* Box links */ .lubielink { border: 3px solid #25b0fc; background: none; color: #25b0fc; padding: 8px 20px; font-size: 13px; text-transform: uppercase; font-weight: 700; cursor: pointer; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .lubielink:hover { background: #25b0fc; color: #fff; } #back-to-top { position: fixed; z-index: 1000; bottom: 80px; right: 20px; display: none; } #back-to-top a { display: block; width: 40px; height: 40px; background: #999 url(img/backtotop.png) no-repeat center center; text-indent: -9999px; -webkit-transition: .4s all ease; -moz-transition: .4s all ease; -o-transition: .4s all ease; transition: .4s all ease; } #back-to-top a:hover { background-color: #1fa0ae; } /* GMAP */ .gmaps,.gmaps_loading { width: 260px; height: 195px; } #minimap img,.gmaps.full img { max-width: none; } .infowindow h2 { font-family: Raleway, Arial, sans-serif; font-size: 16px; font-weight: 400; color: red; text-transform: uppercase; border-bottom: 1px solid #d2d2d2; padding-bottom: 10px; margin-bottom: 10px; } .infowindow a { color: #000; } #minimap { width: 100%; height: 250px; } .gmaps.large,.gmaps_loading.large { width: 339px; height: 254px; } .gmaps.half,.gmaps_loading.half { width: 100%; max-width: 700px; height: 200px; } #largemap { height: 250px; width: 100%; } .gmaps.full,.gmaps_loading.full { width: 100%; max-width: 700px; height: 400px; } .gmaps_loading { background: #000 url(img/loading.gif) no-repeat center center; position: absolute; z-index: 2; display: none; } /********** Reset ************/ @font-face { font-family: 'GothamBoldItalic'; src: url('css/webfonts/gothambi-webfont.eot'); src: url('css/webfonts/gothambi-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/gothambi-webfont.woff') format('woff'), url('css/webfonts/gothambi-webfont.ttf') format('truetype'), url('css/webfonts/gothambi-webfont.svg#GothamBoldItalic') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'GothamMediumItalic'; src: url('css/webfonts/gothammi-webfont.eot'); src: url('css/webfonts/gothammi-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/gothammi-webfont.woff') format('woff'), url('css/webfonts/gothammi-webfont.ttf') format('truetype'), url('css/webfonts/gothammi-webfont.svg#GothamMediumItalic') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'GothamBold'; src: url('css/webfonts/gotham-b-webfont.eot'); src: url('css/webfonts/gotham-b-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/gotham-b-webfont.woff') format('woff'), url('css/webfonts/gotham-b-webfont.ttf') format('truetype'), url('css/webfonts/gotham-b-webfont.svg#GothamBold') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'GothamBook'; src: url('css/webfonts/gotham02-webfont.eot'); src: url('css/webfonts/gotham02-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/gotham02-webfont.woff') format('woff'), url('css/webfonts/gotham02-webfont.ttf') format('truetype'), url('css/webfonts/gotham02-webfont.svg#GothamBook') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'GothamMedium'; src: url('css/webfonts/gothamxl-webfont.eot'); src: url('css/webfonts/gothamxl-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/gothamxl-webfont.woff') format('woff'), url('css/webfonts/gothamxl-webfont.ttf') format('truetype'), url('css/webfonts/gothamxl-webfont.svg#GothamMedium') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'GothamBlack'; src: url('css/webfonts/gotham04-webfont.eot'); src: url('css/webfonts/gotham04-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/gotham04-webfont.woff') format('woff'), url('css/webfonts/gotham04-webfont.ttf') format('truetype'), url('css/webfonts/gotham04-webfont.svg#GothamBlack') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'GothamThin'; src: url('css/webfonts/gotham-t-webfont.eot'); src: url('css/webfonts/gotham-t-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/gotham-t-webfont.woff') format('woff'), url('css/webfonts/gotham-t-webfont.ttf') format('truetype'), url('css/webfonts/gotham-t-webfont.svg#GothamThin') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'GothamUltra'; src: url('css/webfonts/gotham-u-webfont.eot'); src: url('css/webfonts/gotham-u-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/gotham-u-webfont.woff') format('woff'), url('css/webfonts/gotham-u-webfont.ttf') format('truetype'), url('css/webfonts/gotham-u-webfont.svg#GothamUltra') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'GothamLight'; src: url('css/webfonts/gotham-l-webfont.eot'); src: url('css/webfonts/gotham-l-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/gotham-l-webfont.woff') format('woff'), url('css/webfonts/gotham-l-webfont.ttf') format('truetype'), url('css/webfonts/gotham-l-webfont.svg#GothamLight') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'GothamMedium'; src: url('css/webfonts/gotham-m-webfont.eot'); src: url('css/webfonts/gotham-m-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/gotham-m-webfont.woff') format('woff'), url('css/webfonts/gotham-m-webfont.ttf') format('truetype'), url('css/webfonts/gotham-m-webfont.svg#GothamMedium') format('svg'); font-weight: 400; font-style: normal; } body,div,p,li,td,span,a,h1,h2,h3,h4,h5,h6 { font-weight: 400; font-family: 'GothamBook', 'Helvetica Neue', Helvetica, Arial, Verdana, san-serif, sans-serif; letter-spacing: normal; list-style-type: none; border-width: 0; text-rendering: optimizelegibility; color: #767676; font-size: 16px; line-height: 24px; } h1,h2,h3,h4,h5,h6 { font-weight: 400; font-family: 'GothamBold', 'Helvetica Neue', Helvetica, Arial, Verdana, san-serif, sans-serif; color: #9bcd56; } h1.standard { text-transform: none; color: #619e3f; font-size: 38px; font-size: 3.8rem; } h2 { font-size: 34px; font-size: 3.4rem; } h3 { font-size: 29px; font-size: 2.9rem; } h4 { font-size: 25px; font-size: 2.5rem; } h5 { font-size: 20px; font-size: 2.0rem; } h6 { font-size: 16px; font-size: 1.6rem; } h6.overline { text-transform: uppercase; } ul.bull li { list-style-type: disc; } p { margin-bottom: 24px; } /********** Header ************/ #site-header #change-language{ position:absolute; right:25px; font-family:"GothamBold"; z-index:999; } #site-header #change-language a{ -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; color:#fff; background-color:#9bcd56; text-decoration:none; padding:8px 10px; } #site-header #change-language a:hover{ -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; color:#9bcd56; background-color:#e6ffc3; } #site-header { padding: 15px 20px 0; margin: 0 auto; border-bottom: 4px solid #9bcd56; } #site-header #header-container { position: relative; } #site-header .karma-logo { display: block; z-index: 100; position: absolute; height: 100%; } #site-header .karma-logo img{-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;} #site-header .karma-logo img:hover{ -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; -webkit-filter: brightness(110%); -moz-filter: brightness(110%); -o-filter: brightness(110%); -ms-filter: brightness(110%); } #site-header #main-nav { height: 82px; } #site-header .main_menu_container { padding: 0 15px; width: 100%; position: absolute; right: 0; bottom: 0; margin-bottom: 0; } #site-header .main_menu_container .menu-item-has-children a{cursor:default !important;} #site-header .main_menu_container .sub-menu a{cursor:pointer !important;} #site-header .main_menu_container > .main-menu-item { margin: 0; display: inline-block; } #site-header .main-menu-item > a { font-family: 'GothamBold'; font-size: 18px; line-height: 24px; color: #9bcd56; text-transform: lowercase; text-decoration: none; display: block; padding: 8px 10px; border-radius: 0; cursor:pointer; } #site-header .main-menu-item > a:hover { color: #FFF; background: #9bcd56 !important; } #site-header .main-menu-item.current_page_item > a,#site-header .main-menu-item.current-menu-item > a,#site-header .main-menu-item.current-menu-parent > a,#site-header .main-menu-item.current-page-parent > a,#site-header .main-menu-item.current-page-ancestor > a,#site-header .main-menu-item.current_page_ancestor > a  { background: url(img/nav-current-arrow.gif) no-repeat bottom center; } #site-header #main-nav .sub-menu { display: none; overflow: hidden; background: rgba(255,255,255,0.9); border-top: 4px solid #9bcd56; border-bottom: 4px solid #9bcd56; padding-left: 0; position: absolute; right: 0; width: 100%; text-align: center; z-index: 100; } #site-header #main-nav .sub-menu li { display: inline-block; text-align: center; padding: 20px 5px 20px 0; min-width: 183px; max-width: 300px; } #site-header #main-nav .menu-item-object-variety{max-width:187px !important;} #site-header #main-nav .sub-menu li img{ margin:auto; } #site-header #main-nav .sub-menu li:hover { background: #fff; } #site-header #main-nav .sub-menu li a { text-decoration: none !important; } #site-header #main-nav .sub-menu li img,#site-header #main-nav .sub-menu li span.item-description { display:block; } #site-header #main-nav .sub-menu{display:none; padding-bottom:10px;} #site-header #main-nav .sub-menu-item > a { font-family: 'GothamBold'; margin: 0; padding: 0; font-size: 24px; color: #196a35; text-align: center; text-transform: lowercase; } #site-header #main-nav .sub-menu-item > a .item-description { font-size: 14px; color: #196a35; } /********** Page Content ************/ #content-holder .entry-header h1 { font-family: 'GothamBold'; margin-top: 0 !important; font-size: 20px; text-transform: uppercase; letter-spacing: -1px; margin: 25px 0 0 0; } #content-holder .entry-header h2 { font-family: 'GothamBold'; font-size: 32px; line-height: 39px; letter-spacing: -1px; margin-bottom:10px; color: #e61e25; } #content-holder .entry-header .subtitle{margin-bottom:30px !important;} #content-holder strong span{color:#196a35; font-family:'GothamBold';} .why-drink-karma .col-xs-2{margin-bottom:15px;} .why-drink-karma .col-xs-10{vertical-align:middle; margin-top:45px;} #content-holder .entry-header .separator { border-style: dashed; border-color: #97cb4f; } #content-holder .varieties-sidenav { padding-left: 0; margin-bottom: 0; width:52px; } #content-holder .varieties-sidenav li{ text-align:center; margin-bottom:5px; } #content-holder .varieties-sidenav li a{ -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; margin-left:auto; margin-right:auto; text-decoration:none; } #content-holder .varieties-sidenav li a:hover{ -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-filter: brightness(115%); -moz-filter: brightness(115%); -o-filter: brightness(115%); -ms-filter: brightness(115%);} #content-holder .entry-content p a { font-family: 'GothamBold'; color: #9BCD56; } #content-holder .entry-content p strong { font-family: 'GothamBold'; color: #196a35; letter-spacing: -1px; } #contact_page_content #content-holder .entry-content p a { font-family: 'GothamBold'; color: #93c948; } .lubie-step .step-image { margin-bottom: 10px; } .lubie-step h3 { font-family: 'GothamBold'; font-size: 35px; line-height: 39px; letter-spacing: -1px; margin-bottom: 6px; color: #e61e25; } .lubie-step .subtitle { font-family: 'GothamMedium'; color: #93c948; } /********** About **********/ #featured-image img{width:300px; height:auto; margin-top:5px;} /********** Single Variety **********/ #content-holder .varieties-sidenav img { max-width: 52px; } .single-product .global-wrapper { min-height: 850px; margin-top: -35px; padding-top: 25px; padding-bottom:115px; } .single-product #content-holder { overflow: hidden; } .single-product .entry-header { position: relative; } .single-product .entry-header:before { content: ""; width: 150px; height: 1px; border-top: 1px dashed #fff; position: absolute; top: 92px; left: -150px; z-index: 1; } .variety { padding-left: 0; border-left: 1px dashed #fff; position: relative; } .variety:before { content: " "; display: block; width: 155px; height: 25px; position: absolute; left: -180px; top: 80px; z-index: 10; } .variety h1:before { content: " "; display: block; width: 73px; height: 72px; position: absolute; left: -65px; top: 40px; z-index: 20; } .variety h1 { position: relative; font-family: 'GothamBlack'; font-size: 36px !important; line-height: 36px; text-transform: uppercase !important; border-bottom: 1px dashed #fff; padding: 10px 15px; margin: 0 !important; } .variety h2 { font-family: 'GothamMedium'; font-size: 32px; line-height: 32px; text-transform: lowercase; border-bottom: 1px dashed #fff; padding: 10px 15px; margin: 0; } .varieties-sidenav { margin-top: 100px; } #variety-data ul { margin: 0; } #variety-data #ingredients-list { padding: 0 0 10px 15px; } #variety-data #vitamins-list { padding: 0 25px 10px 45px; position: relative; } #variety-data #vitamins-list:before { content: " "; display: block; width: 77px; height: 76px; position: absolute; left: -37px; top: 20%; } #variety-data .ingredient-name { margin: 0; font-family: 'GothamBold'; font-size: 19px; line-height: 19px; letter-spacing: -1px; text-transform: uppercase; text-shadow: #FFF 0 1px 1px; } #variety-data .ingredient-description { display: block; line-height: 14px; text-shadow: #fff 0 1px 1px; font-family: 'GothamMedium'; font-size: 14px; margin-bottom: 0; margin-top:3px; } #variety-data .entry-content,#variety-data .entry-content p { margin-bottom: 0; } #variety-data .entry-content p { padding: 10px 25px 0 15px; } .vitamin { padding: 0 8px; margin: 0 0 6px; color: #fff !important; font-family: 'GothamBold'; font-size: 15px; line-height: 32px; color: inherit; max-width: 250px; } .vitamin.standout { max-width: 232px; } .vitamin .vitamin-name { font-family: 'GothamBold'; font-size: 15px; line-height: 32px; color: inherit; color: #fff; } .vitamin .vitamin-name strong{ font-size:21px; font-family:'GothamBlack'; } .vitamin-satistic { font-family: 'GothamUltra'; font-size: 32px; line-height: 32px; color: inherit; color: #fff; } #information-buttons { padding: 10px 0 10px 45px; } #information-buttons .btn { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; font-family: 'GothamBold'; font-size: 15px; line-height: 18px; color: #fff; text-decoration: none; padding: 3px 20px 3px 5px; margin-right: 14px; background-image: url(img/links-arrow-right.png); background-repeat: no-repeat; background-position: right center; border-radius: 0; } #information-buttons .btn:hover{ -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-filter:hue-rotate(-20deg); -moz-filter:hue-rotate(-20deg); filter:hue-rotate(-20deg); opacity:0.85; } #supplement_facts_modal .modal-header, #home-video-lightbox .modal-header { border-bottom: none !important; } /********** Stores Template **********/ #retailers { margin-top: -30px; } #retailers .store { margin-top: 50px; } #retailers .store img { max-width: 200px; } /********** FAQ Template **********/ .question { border: none; padding: 0; box-shadow: none; } .question .panel-heading { padding: 0; background: none; margin-bottom: 20px; } .question .panel-heading a { font-size: 16px; font-family: 'GothamBold'; font-weight: 700; color: #767676; text-decoration: none !important; } .question .panel-body { padding: 0; border: none !important; margin-bottom: 25px; } /********** Footer **********/ #site-footer .inner { background-color: #f4f4f4; margin-top: 50px; padding: 15px 0 10px; } #site-footer .footer-nav ul { list-style-type: none; padding-left: 0; margin-bottom: 0; } #site-footer .footer-nav li { display: inline-block; margin: 0 15px 0 0; padding: 0; } #site-footer .footer-nav li a { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; font-size: 13px; color: #5a5a5a; text-decoration: none; padding: 0; margin: 0; } #site-footer .footer-nav li a:hover{ -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; color:#5a9e37; padding-left:3px;} .social-icons{float:right; width:300px;} #mobileMenu .social-icons{ width:100% !important; text-align: center; float:none; display:block; padding:5px 0; background-size: contain; } #mobileMenu .social-icons a{ text-align: center; display:inline-block !important; float:none; padding:0px !important; } .social-icons a { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; font-size: 13px; color: #5a5a5a; text-decoration: none; display: inline-block; width: 32px; height: 32px; padding: 0; margin: 0 0 0 8px; float:right; } .social-icons a:hover { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; -moz-transform: rotate(-7deg); -webkit-transform: rotate(-7deg); -o-transform: rotate(-7deg); -ms-transform: rotate(-7deg); transform: rotate(-7deg); } .social-icons > *{ } .social-icons .facebook { background: url(img/icon_social_facebook.png) no-repeat; width: 32px; height: 32px; background-size: contain; } .social-icons .twitter { background: url(img/icon_social_twitter.png) no-repeat; width: 32px; height: 32px; background-size: contain; } .social-icons .youtube { background: url(img/icon_social_youtube.png) no-repeat; width: 32px; height: 32px; background-size: contain; } .social-icons .drinkme { background: url(img/icon_social_drinkme.png) no-repeat; width: 32px; height: 32px; background-size: contain; } .social-icons .pinterest { background: url(img/icon_social_pinterest.png) no-repeat; width: 32px; height: 32px; background-size: contain; } .social-icons .instagram { background: url(img/icon_social_instagram.png) no-repeat; width: 32px; height: 32px; background-size: contain; } #site-footer #copyright { font-size: 12px; color: #5a5a5a; margin: 10px auto; } /********** LUBIE END **********/ /********** BLOG START **********/ .blogSection { float: left; width: 100%; } .blog_item { background: #fff; border-bottom: 3px solid #fff; float: left; margin: 0 5% 20px 0; width: 45%; /*max-width: 300px;*/ padding: 0; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1), 0 3px 0 0 transparent; -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1), 0 3px 0 0 transparent; -o-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1), 0 3px 0 0 transparent; box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1), 0 3px 0 0 transparent; } .blog_item:hover { -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1), 0 3px 0 0 #1fa0ae; -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1), 0 3px 0 0 #1fa0ae; -o-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1), 0 3px 0 0 #1fa0ae; box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1), 0 3px 0 0 #1fa0ae; } .blog_item .text_post { padding: 20px; position: relative; } .blog_item h3 { background: #fff; font-size: 24px; line-height: 28px; padding: 0 0 10px; font-weight: 700; color: #050505; display: inline-block; position: relative; z-index: 990; top: 0; } .blog_item h3 a { color: #050505; } .blog_item h3 a:hover { color: #1fa0ae !important; } .blog_item .postBoxItem_date { color: #aaaaa9; font-size: 13px; margin-bottom: 10px; display: block; } .blog_item .postBoxItem_date a { color: #aaaaa9 !important; } .blog_item .postBoxItem_date a:hover { color: #1fa0ae !important; } .blog_item .post_excerpt { font-size: 13px; margin-bottom: 0; } .blog_item .post_excerpt p { margin-bottom: 0; font-size: 16px; } .blog_item .preview_post { background: #000; float: none; width: 100%; margin-left: 0; } .cartouche { border-top: 1px solid #ececec; font-weight: 700; padding: 20px; } .cartouche .comments { background: url(img/comment_icon.png) no-repeat left 6px; color: #aaa !important; padding-left: 24px; float: right; } .cartouche .readmore { color: #4c4c4c !important; font-style: italic; font-weight: 700; float: left; } .cartouche .readmore:hover { color: #1fa0ae !important; } .singlePost { background: #fff; margin: 0 20px 0 0; padding: 0; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1), 0 3px 0 0 transparent; -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1), 0 3px 0 0 transparent; -o-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1), 0 3px 0 0 transparent; box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1), 0 3px 0 0 transparent; } .singlePost.faqSingle { background: #1fa0ae; border-bottom: 4px solid #1fa0ae; } .singlePost h1 { font-size: 36px; padding: 40px; color: #1fa0ae; } .singlePost.faqSingle h1 { padding: 0 40px !important; } .catFAQ { padding: 40px 40px 20px; text-transform: uppercase; } .singlePost .article_content { padding: 40px; border-bottom: 1px solid #1fa0ae; } .post-1795 h2.text-left{color:#e9b406 !important;} .post-75 p{margin-bottom:60px;} .post-62 p{margin-bottom:10px !important;} /********** BLOG END **********/ /* ---------------------- [ MOBILE NAVIGATION */ #header .mobileMenu_tool { display: none; width: 80px; height: 80px; position: absolute; top: 0; right: 0; z-index: 300; } #header #mobileMenu a{color:#1d6a34; font-family:'GothamBold';} #header #mobileMenu ul ul a{font-family:'GothamBook';} #header #mobileMenu a:hover{text-decoration:none;} .admin-bar #header .mobileMenu_tool { top: 46px; } #header .mobileMenu_tool .opener { background: #fff url(img/mobileMenu_tool.png) no-repeat center center; cursor: pointer; width: 50px; height: 50px; padding: 15px; } #header .mobileMenu_tool .opener.active { background: #9bcd56 url(img/mobileMenu_tool.png) no-repeat center center; } #header #mobileMenu { display: none; position: relative; top: 0; clear: both; min-height: 0; } #header #mobileMenu ul { display: none; top: auto; margin: 0; padding: 0; list-style: none; } #header #mobileMenu ul ul { border-top: 1px solid #d5d5d5; display: none; margin: 0 0 20px; padding: 0 0 20px; list-style: none; position: inherit; } /* #header #mobileMenu > ul li:first-child{ -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2) inset; -o-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2) inset; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2) inset; }*/ #header #mobileMenu li { border-bottom: 1px solid #d5d5d5; position: relative; display: block; cursor:pointer; } #header #mobileMenu > li { text-transform: uppercase; } #header #mobileMenu ul li ul li { display: block; font-size: 13px; } #header #mobileMenu li.dropper.active { background: #f3f4f7; } #header #mobileMenu li.dropper.active li { background: #fff; } #header #mobileMenu li li.dropper.active { background: #f3f4f7; } #header #mobileMenu li li.dropper.active li { background: #fff; } #header #mobileMenu li li li.dropper.active { background: #f3f4f7; } #header #mobileMenu li li li.dropper.active li { background: #fff; } #header #mobileMenu li li li li.dropper.active { background: #f3f4f7; } #header #mobileMenu li li li li.dropper.active li { background: #fff; } #header #mobileMenu ul li a { padding: 8px 10px 8px 20px; display: block; line-height: 30px; } #header #mobileMenu ul li a:hover { } #header #mobileMenu .dropper span { cursor: pointer; position: absolute; top: 0; right: 0; width: 40px; height: 40px; display: block; text-align: center; line-height: 37px; font-size: 20px; color: #999; background: url(img/droppyDark.png) no-repeat center center; } #header #mobileMenu .dropper.active > span { background: url(img/droppyDarkactive.png) no-repeat center center !important; } #header #mobileMenu .dropper.active span li span { background: url(img/droppyDark.png) no-repeat center center; } /* Alignment */ .alignleft { display: inline; float: left; margin: 0 1.5em 1.5em 0; } .alignright { display: inline; float: right; margin: 0 0 1.5em 1.5em; } .aligncenter { clear: both; display: block; margin: 0 auto; } /* Text meant only for screen readers */ .screen-reader-text { position: absolute !important; clip: rect(1px,1px,1px,1px); } .screen-reader-text:hover,.screen-reader-text:active,.screen-reader-text:focus { top: 0; left: 0; width: auto; height: auto; display: block; clip: auto !important; line-height: normal; text-decoration: none; z-index: 100000; /* Above WP toolbar */ } /* Clearing */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } :first-child+html .clearfix { min-height: 1px; } .clearfix { display: block; } .clear { clear: both; width: 100%; display: block; } .error{ border:1px solid #ff0000; border-left-width: 4px; } .col1, .col2{ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width:50%; float:left; } .spacer{ height:1px; width:100%; clear:both; } .spacer30{ height:30px; width:100%; clear:both; } /* HEADER ----------------------------------------------- */ .site-header { padding: 40px 0 20px; } .site-branding { float: left; } .site-title { margin: 0; font-size: 30px; font-family: Oswald, Arial, Helvetica, sans-serif; text-transform: uppercase; line-height: 1em; } .site-title a { color: #333; text-decoration: none; } .site-description { color: #a6a6a6; font-weight: 300; font-family: Oswald, Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 2px; } /* LEFT COL ----------------------------------------------- */ #leftcol li.active a { color: #000; } /* MENU ----------------------------------------------- */ /* MENU ----------------------------------------------- */ .sf-menu ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .sf-menu ul { display: inline-block; } * html .sf-menu ul { height: 1%; } :first-child+html .sf-menu ul { min-height: 1px; } .sf-menu ul { display: block; } .sf-menu ul { margin: 0; padding: 0; list-style: none; } .sf-menu li ul { top: -999em; position: absolute; z-index: 99999; } .sf-menu li:hover ul,.sf-menu li.sfHover ul { top: 40px; } .sf-menu li:hover li ul,.sf-menu li.sfHover li ul { top: -999em; } .sf-menu li li:hover ul,.sf-menu li li.sfHover ul { top: 0; left: 170px; } .sf-menu li li:hover li ul,.sf-menu li li.sfHover li ul { top: -999em; } .sf-menu li li li:hover ul,.sf-menu li li li.sfHover ul { top: 0; left: 170px; } .sf-menu li { float: left; position: relative; visibility: inherit; } .sf-menu li a { float: left; display: block; font-weight: 400; font-family: Oswald, Arial, Helvetica, sans-serif; text-decoration: none; text-transform: uppercase; } .sf-menu li a:hover,.sf-menu li.sfHover > a,.sf-menu li.current_page_item > a,.sf-menu li.current-menu-item > a,.sf-menu li.current-menu-parent > a,.sf-menu li.current-page-parent > a,.sf-menu li.current-page-ancestor > a,.sf-menu li.current_page_ancestor > a { } .sf-menu li:hover li a,.sf-menu li.sfHover li a { width: 140px; } #main-navigation #menu-main-menu > li:first-child > a { padding-left: 0 !important; } #top-navigation { background: #333; } #top-navigation ul { border-left: 1px dotted #565656; } #top-navigation li ul { } #top-navigation li:hover ul,#top-navigation li.sfHover ul { top: 40px; background: #333; border-left: none; border-top: 1px dotted #565656; } #top-navigation li li:hover ul,#top-navigation li li.sfHover ul { top: 0; border-left: 1px dotted #565656; } #top-navigation li { border-right: 1px dotted #565656; } #top-navigation li li { border-right: none; border-bottom: 1px dotted #565656; } #top-navigation li a { padding: 0 15px; color: #a6a6a6; font-size: .9em; line-height: 40px; } #top-navigation li a:hover,#top-navigation li.sfHover > a,#top-navigation li.current_page_item > a,#top-navigation li.current-menu-item > a,#top-navigation li.current-menu-parent > a,#top-navigation li.current-page-parent > a,#top-navigation li.current-page-ancestor > a,#top-navigation li.current_page_ancestor > a { color: #fff; } #top-navigation li:hover li a,#top-navigation li.sfHover li a { padding: 10px 15px; font-size: .75em; line-height: normal; } #main-navigation { border: solid #333; border-width: 1px 0 3px; } #main-navigation li a { padding: 0 20px; color: #333; font-size: 1.2em; line-height: 50px; letter-spacing: 1px; } #main-navigation .sf-menu > ul > li:after { width: 6px; float: left; margin-top: 3px; content: "/"; display: block; color: #e6e6e6; font-size: 1.8em; font-family: Arial, Helvetica, sans-serif; } #main-navigation .sf-menu > ul > li:last-child:after { display: none; } #main-navigation li:hover ul,#main-navigation li.sfHover ul { top: 50px; background: #333; } #main-navigation li li:hover ul,#main-navigation li li.sfHover ul { top: 0; border-left: 1px dotted #565656; } #main-navigation li li { border-bottom: 1px dotted #565656; } #main-navigation li li a { color: #a6a6a6; } #main-navigation li a:hover,#main-navigation li.sfHover > a,#main-navigation li.current_page_item > a,#main-navigation li.current-menu-item > a,#main-navigation li.current-menu-parent > a,#main-navigation li.current-page-parent > a,#main-navigation li.current-page-ancestor > a,#main-navigation li.current_page_ancestor > a { color: #1fa0ae; } #main-navigation li:hover li a,#main-navigation li.sfHover li a { padding: 10px 20px; font-size: .75em; line-height: normal; } /* HELPERS ----------------------------------------------- */ .spacer { width: 100%; clear: both; } .spacer30 { height: 30px; width: 100%; clear: both; } .hidden { display: none; } /* Steps Forms ----------------------------------------------- */ /* LAYOUT ----------------------------------------------- */ .container { max-width: 960px; /*padding:0px 0px;*/ } .content-area { width: 100%; float: left; } .site-content { margin: 0; } .site-sidebar { } /* CONTENT ----------------------------------------------- */ .site-main { padding: 25px 0 0; overflow: hidden; } .site-content li { margin: 0 0 8px; } .site-content ul ul,.site-content ul ol,.site-content ol ol,.site-content ol ul { margin-top: .75em; } .sticky { } .hentry { margin-bottom: 0; -ms-word-wrap: break-word; word-wrap: break-word; } .entry-header { margin: 0 0 -10px; text-align: center; } .entry-title { margin: 0 40px; font-size: 16px; font-size: 1.6em; line-height: 1.4; text-transform: uppercase; } .entry-title a { color: #333; text-decoration: none; } .entry-title a:hover { color: #1fa0ae; } .entry-meta { color: #a6a6a6; font-size: .9em; font-weight: 300; font-family: Oswald, Arial, Helvetica, sans-serif; text-transform: uppercase; } .entry-meta a { color: #a6a6a6; text-decoration: none; } .entry-meta a:hover { color: #333; } .entry-meta .cat-links { margin: 0 20px 0 0; } .entry-meta [class^=ico-]:before { margin-right: 5px; color: #333; } .comments-link:before { margin: 0 0 0 8px; padding: 0 6px 0 0; content: "/"; color: #d6d6d6; } .entry-thumbnail { margin: 0 0 20px; } .entry-thumbnail img { display: block; } .entry-content { margin: 0; } .entry-summary { margin: 0 0 30px; } .entry-footer { clear: both; padding: 8px 0; border: solid #333; border-width: 1px 0 3px; } .more-link,.page-links { margin: 15px 0 0; display: block; text-align: center; } .post-password-required label { float: left; margin: 0 10px 0 0; } .page-header { margin: 0 0 30px; border-bottom: 3px solid #333; } .page-title { margin: 0 0 10px; color: #a6a6a6; font-size: 1.2em; text-transform: uppercase; letter-spacing: 2px; } body.page .entry-header { text-align: left; } body.page .entry-title { margin: 0; } body.search .page .entry-footer { padding: 0; border-top: none; } /* Author Box */ .author-info { margin: 0 0 40px; padding: 0 0 30px; border-bottom: 1px solid #333; } .author-info .author-photo { float: left; margin: 0 30px 0 0; } .author-info .author-content { margin: 0 0 0 105px; } .author-info .author-content h3 { margin: 0 0 10px; font-size: 1.2em; text-transform: uppercase; letter-spacing: 1px; } .author-info .author-links a { margin: 0 20px 0 0; color: #a6a6a6; font-size: .9em; font-family: Oswald, Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; letter-spacing: 2px; } .author-info .author-links a:hover { color: #333; } /* Media ----------------------------------------------- */ .page-content img.wp-smiley,.entry-content img.wp-smiley,.comment-content img.wp-smiley { margin-bottom: 0; margin-top: 0; padding: 0; border: none; } .wp-caption { border: 1px solid #d5d5d5; margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*=wp-image-] { display: block; margin: 1.2% auto 0; max-width: 98%; } .wp-caption-text { text-align: center; } .wp-caption .wp-caption-text { margin: .5em 0; } .site-content .gallery { margin-bottom: 1.5em; } .gallery-caption { } .site-content .gallery a img { border: none; height: auto; max-width: 90%; } .site-content .gallery dd { margin: 0; } .entry-attachment .attachment { margin: 0 0 15px; } /* Navigation ----------------------------------------------- */ .site-content [class*=navigation] { margin: 0 0 15px; overflow: hidden; } [class*=navigation] .nav-previous { width: 50%; float: left; } [class*=navigation] .nav-next { width: 50%; float: right; text-align: right; } .site-content [class*=navigation] a { display: inline-block; padding: 4px 15px; color: #fff; font-size: 1.2em; font-weight: 300; font-family: Oswald, Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; line-height: 26px; background: #333; border: solid #666; border-width: 0 0 3px; } .site-content [class*=navigation] a:hover { background: #666; border-color: #333; } .site-content .post-navigation { margin-top: -25px; padding: 0 0 10px; border-bottom: 1px solid #333; } .site-content .post-navigation a { padding: 0; color: #333; font-size: .9em; font-weight: 400; line-height: 20px; background: none; border: none; } .site-content .post-navigation a:hover { color: #1fa0ae; background: none; border: none; } .site-content .post-navigation span { display: block; color: #a6a6a6; font-size: 1.3em; font-family: Oswald, Arial, Helvetica, sans-serif; text-transform: uppercase; } .site-content .post-navigation .meta-nav { display: none; } .site-content .post-navigation .nav-next { width: 35%; margin-left: 5%; padding-right: 10%; text-align: left; } .site-content .post-navigation .nav-previous { width: 35%; margin-right: 5%; padding-left: 10%; text-align: right; } /* WINNER BLOCK ----------------------------------------------- */ .winner_block{ border-bottom:6px solid #9bcd56; background:#deeef5; margin-bottom:20px; } .winner_block .inner_block{ padding:25px; } #concours-subscribe .winner_block h4{ background:#9bcd56; font-size:20px; color:#fff; padding:25px; position:relative; margin-bottom:0px; } .winner_block h4:after{ content:" "; position:absolute; bottom:-10px; left:25px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #9bcd56; } .winner_block span{ background:#9bcd56; color:#fff; font-size:14px; } .winner_block .inner_block strong{ font-size:16px; color:#1a80d1; font-weight:normal; display: inline-block; line-height: 18px; } .winner_block .inner_block a{ text-decoration:underline; } .winner_block .inner_block a, .winner_block .inner_block{ font-size:14px; } .blue_link{ color:#1a80d1; text-decoration:underline; display:inline-block; margin:20px 0px; } #elevate-karma strong{ font-weight:normal; font-size:16px; color:#1a80d1; } /* COMMENTS ----------------------------------------------- */ #reply-title,.comments-title { margin: 0 0 20px; padding: 0 0 15px; color: #a6a6a6; font-size: 1.3em; text-transform: uppercase; letter-spacing: 2px; border-bottom: 3px solid #333; } .comment-list { margin: 0 0 20px; padding: 0; list-style: none; } .comment-list ul.children { margin: 0 0 0 50px; list-style: none; } .comment-list li.comment,.comment-list li.pingback { margin: 0; padding: 0; } .comment-list li.pingback p { margin: 0; font-style: italic; } .comment-list li.comment .comment-body { padding: 30px 0 20px; border-bottom: 1px solid #d6d6d6; } .comment-list li.comment .comment-author .avatar { float: left; margin: 0 20px 0 0; display: block; } .comment-list li.comment .comment-author .fn { color: #999; font-size: 1.2em; font-family: Oswald, Arial, Helvetica, sans-serif; text-transform: uppercase; } .comment-list li.comment .comment-author .fn a { color: #333; text-decoration: none; } .comment-list li.comment .comment-author .fn a:hover { color: #1fa0ae; } .comment-list li.comment .comment-metadata { margin: 0 0 3px; } .comment-list li.comment .comment-metadata a { color: #a6a6a6; font-size: .9em; font-weight: 300; font-family: Oswald, Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; } .comment-list li.comment .comment-metadata a:hover { color: #333; } .comment-list li.comment .reply { float: right; } .comment-list li.comment .reply a { color: #a6a6a6; font-size: .9em; font-weight: 300; font-family: Oswald, Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; } .comment-list li.comment .reply a:hover { color: #333; } .comment-content { clear: both; margin: 20px 0 0; } .comment-content a { word-wrap: break-word; } .bypostauthor { } /* Comment Form */ #reply-title { margin-top: 20px; } #cancel-comment-reply-link { margin: 0 0 0 10px; color: #333; font-size: .9em; text-decoration: none; } #commentform { margin: 0; padding: 0; } #commentform label { display: block; width: 100%; color: #a6a6a6; font-family: Oswald, Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 2px; } #commentform textarea { height: 125px; } /* WIDGETS ----------------------------------------------- */ .widget { margin: 0 0 15px; /*border-bottom: 1px solid #333;*/ } .widget-title { margin: 0 0 15px; padding: 0 0 15px; font-size: 1.2em; font-weight: 400; text-align: center; text-transform: uppercase; letter-spacing: 2px; /*border-bottom: 3px solid #333;*/ } /* Make sure select elements fit in widgets */ .widget select { max-width: 100%; } .widget ul { margin: 0 0 20px; padding: 0; list-style: none; } .widget ul ul { margin: 0 0 0 10px; } .widget li { margin: 0 0 10px; } .widget li a { color: #333; } .widget li a:hover { color: #1fa0ae; } /* Widget Tabs */ ul.widget-tab-nav { margin: 0 0 15px; border-bottom: 3px solid #333; zoom: 1; } .widget-tab-nav li { float: left; width: 33.3%; margin: 0; text-align: center; } .widget-tab-nav li a { display: block; padding: 4px 15px; color: #a6a6a6; font-size: 1.1em; font-family: Oswald, Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 2px; line-height: 30px; background: none; border: none; border-radius: 0; } .widget-tab-nav li a:hover,.widget-tab-nav li a:focus { color: #333; text-decoration: none; } .widget-tab-nav li.active a { color: #fff; background: #333; } .widget-tab-content .tab-pane { display: none; } .widget-tab-content .active { display: block; } .widget-tab-content .tab-pane li { margin: 0 0 15px; } .widget-entry-thumbnail { float: left; width: 50px; height: 50px; } .widget-entry-thumbnail img { width: 50px; height: 50px; display: block; } .widget-entry-summary { margin: 3px 0 0 60px; } .widget-entry-content span,.widget-entry-summary span { color: #a6a6a6; font-size: .875em; font-weight: 300; font-family: Oswald, Arial, Helvetica, sans-serif; text-transform: uppercase; } .widget-entry-content h4,.widget-entry-summary h4 { margin: 0; font-size: 1em; text-transform: uppercase; line-height: 1.4; } .widget-entry-content h4 a,.widget-entry-summary h4 a { } .widget-entry-content h4 a:hover,.widget-entry-summary h4 a:hover { text-decoration: none; } #widget-tab-tags { padding: 0 0 15px; font-size: .9em; font-weight: 300; font-family: Oswald, Arial, Helvetica, sans-serif; text-transform: uppercase; line-height: 1.8; } #widget-tab-tags a { color: #a6a6a6; text-decoration: none; } #widget-tab-tags a:hover { color: #333; } /* Widget oEmbed */ .widget-oembed-content { margin: 0 auto 5px; } .widget-oembed-content embed,.widget-oembed-content iframe,.widget-oembed-content object,.widget-oembed-content video { max-width: 100%; min-height: 200px; max-height: 250px; } .widget-oembed-description { margin: 0 0 15px; } /* Widget Social Icons */ .widget-social-icons li { float: left; margin: 5px 10px 5px 0; text-align: center; } .widget-social-icons li a { display: block; } .widget-social-icons li a [class^=ico-]:before { width: 40px; margin: 0; color: #fff; font-size: 20px; line-height: 40px; background: #333; } .widget-social-icons li a:hover [class^=ico-]:before { background: #1fa0ae; } /* Widget Flickr */ .widget-flickr-stream { margin: 0 -10px; } .flickr_badge_image { float: left; width: 60px; display: block; margin: 0 10px 20px; } .flickr_badge_image img { display: block; } /* Header Widgets */ .site-header .widget { float: right; clear: right; margin: 0; text-align: right; border: none; } /* SIDEBAR ----------------------------------------------- */ .site-sidebar .widget_search .search-form { margin: 15px 0; } .site-sidebar .widget_search .search-field { float: left; width: 65%; margin: 0 10px 0 0; } .site-sidebar .search-submit { width: 20px; height: 20px; background: url(img/loupe.png) top left no-repeat; border: none; font-size: 0; color: transparent; float: left; margin-top: 20px; padding: 8px 20px; margin-left: 10px; } .site-sidebar .search-submit:hover { background: url(img/loupe.png) top left no-repeat; border: none; } .site-sidebar .search-form { display: block; background: #fff; height: 50px; width: 100%; position: relative; -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1); -o-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1); box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1); } .site-sidebar .search-form:after { content: ''; border-bottom: 10px solid #fff; border-right: 10px solid transparent; border-left: 10px solid transparent; width: 0; height: 0; position: absolute; top: -10px; left: 10px; } .site-sidebar .search-field { width: 78%; border: none; display: block; float: left; height: 50px; line-height: 50px; cursor: pointer; margin-left: 2%; } /* SITE EXTRA ----------------------------------------------- */ .site-extra { padding: 20px 0; border-top: 1px solid #333; } .site-extra .pad { margin: 0 -15px; } .site-extra .widget-area { float: left; width: 25%; } .extra-one .widget-area { width: 100%; } .extra-two .widget-area { width: 50%; } .extra-three .widget-area { width: 33.3%; } .site-extra .widget { margin: 0 15px 30px; padding: 0; border: none; } .site-extra .widget-social-icons li a [class^=ico-]:before { width: 25px; line-height: 25px; background: none; } .site-extra .widget-social-icons li a:hover [class^=ico-]:before { color: #1fa0ae; } /* FOOTER ----------------------------------------------- */ .site-footer { padding: 15px; color: #a6a6a6; font-size: .875em; font-family: Oswald, Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 1px; background: #333; } .site-footer a { color: #fff; text-decoration: none; } .site-footer a:hover { color: #1fa0ae; } .site-info { float: left; } .site-credit { float: right; } #content h6{color:#767676; font-size:22px; font-family:"GothamBold";} /* ---------- Home Slider ---------- */ .home{min-height:900px;} .home #primary{height:auto;} .home #content-holder{-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;} #container-slider-home{height:662px;} #container-slider-home li{position:absolute; left:0; top:-26px; z-index:1;} #container-slider-home .slider-home-img{opacity:0; filter:alpha(opacity=0);} #container-slider-home .slider-home-text-container{position:absolute; left:5%; top:0; width:95%; text-align:center;} #container-slider-home h2{padding-top:8px; font-size:40px; line-height:40px; letter-spacing:2px; font-family:'GothamBold'; text-transform:uppercase; color:#1d6a34;} #container-slider-home h2 span{font-size:40px; line-height:40px; letter-spacing:2px; font-family:'GothamBold'; text-transform:uppercase; color: #15aa38} #container-slider-home h3{font-size:16px; letter-spacing:2px; font-family:'GothamBold'; text-transform:uppercase; color:#1d6a34; padding-top:40px;} #container-slider-home p{margin-top:-5px; font-family:'GothamBold'; color:#36763a;} #container-slider-home strong{color:#5a9e37;} #slider-home-drag-button{position:absolute; left:657px; top:-687px; width:83px; height:84px; z-index:99; background-image:url('img/drag_btn.png'); cursor:all-scroll;} #container-slider-bottle-home{} #container-slider-bottle-home li{position:absolute; left:650px; top:-698px; width:311px; height:686px;} #container-slider-bottle-home .img{/*-webkit-transition: all 0.05s linear; -moz-transition: all 0.05s linear; -ms-transition: all 0.05s linear; -o-transition: all 0.05s linear; transition: all 0.05s linear;*/ position:absolute; left:0; width:311px; height:686px; background-size:311px 686px !important;} #container-slider-bottle-home .slider-home-bottle-img{opacity:0; filter:alpha(opacity=0);} #karma-spirit-plume-mobile{display:none; opacity:0; filter:alpha(opacity=0); z-index:98;} #home-link-bottom{width:auto; height:auto; text-align:center; margin-top:10px;} #home-link-bottom img{-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; margin:0 0 40px; padding:0 20px; vertical-align:middle; cursor:pointer;} #home-link-bottom img:hover{-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; opacity:0.80;} .no-border{border-right:none !important;} .home #border-grey{position:relative; top:661px; width:100%; border-bottom:1px solid #8e8e8e; z-index:99;} .home #border-green{display:none; z-index:99;} #link-american-website{-webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -ms-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; float:right; text-decoration:none; color:#5a5a5a; font-size:13px;} #link-american-website img{ width:35px; margin-top:5px; margin-right:20px; float:right; } #link-american-website p{ float:left; margin-right:10px; margin-top:3px; margin-bottom:0; display:none; } #link-american-website:hover{-webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -ms-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; color:#5a9e37;} /* ********** Page Concours ********** */ #concours-subscribe .col-xs-12, #concours-subscribe .col-md-12{ float:left; } #elevate-karma{ display:inline-block; margin-bottom:75px; } #elevate-karma img{ margin-top:-25px; } #elevate-karma h1{ font-family:'GothamBold'; font-size:46px; color:#8dc63f; line-height:50px; text-transform:uppercase; } #elevate-karma h2{ font-size:20px; font-family: 'GothamLight'; color:#4b4a4a; line-height:26px; } #elevate-karma h4{ font-size:14px; color:#4b4a4a; } #elevate-karma strong{ /*color:#8dc63f; font-family: 'GothamMedium';*/ } #elevate-karma .blue-btn{ -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; margin-top:30px; font-family:'GothamBold'; background-color:#188ce9; padding:15px 50px 15px 25px; color:#fff; display:inline-block; cursor:pointer; -webkit-border-radius: 5px; border-radius: 5px; text-transform:uppercase; background-image:url('img/arrow-blue-btn.png'); background-repeat:no-repeat; background-position:90% 50%; border:2px solid #188ce9; } #elevate-karma .blue-btn:hover{ -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; background-image:url('img/arrow-blue-btn-hover.png'); background-position:90% 60%; background-color:#fff; color:#188ce9; } #concours-subscribe .img{ min-width:370px; height:auto; } #concours-subscribe h2{ font-size:40px; color:#8dc63f; font-family: Lato, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; margin-bottom:30px; line-height:40px; } #concours-subscribe h3{ font-family:Lato, Arial, Helvetica, sans-serif; font-weight:lighter; font-size:24px; color:#8dc63f; margin-bottom:20px; } #concours-subscribe h4{ color:#1a80d1; font-size:16px; font-family:Lato, Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:40px; } #concours-subscribe .col-md-6, #concours-subscribe .col-md-12, #concours-subscribe .col-md-2, #concours-subscribe .col-md-10{ padding-left:0; padding-right:25px; } #concours-subscribe .error{ border:1px solid #e82c00 !important; } #concours-subscribe input[type="checkbox"].error{ outline:1px outset #e82c00 !important; outline-offset:1px; } #error-answer-1, #error-answer-2{ display:none; margin-top:20px; color:#e82c00 !important; font-size:22px; } #success-answer-1{ display:none; margin-top:20px; color:#1bd208 !important; font-size:22px; } #concours-subscribe .radio-center{ text-align:center; color:#1a80d1; font-family:Lato, Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; } #concours-subscribe .radio-center label{ margin-left:10px; } #concours-subscribe .radio-center .minus{ font-size:16px; cursor:pointer; } #concours-subscribe .second-style{ margin-bottom:0; } #concours-subscribe h5{ color:#188ce9; padding:5px 0; } #concours-subscribe .change-label label, #concours-subscribe .change-label a{ color:#1a80d1; font-size:15px; cursor:pointer; } #concours-subscribe .change-label input{ cursor:pointer; } #concours-subscribe .change-label a{ -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -ms-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; text-decoration:underline; } #concours-subscribe .change-label a:hover{ -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -ms-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; color:#000; } #concours-subscribe .change-label .col-md-3, #concours-subscribe .change-label .col-md-1{ padding-right:5px; } #concours-subscribe .radio-center input, #concours-subscribe .select select{ margin-left:20px; cursor:pointer; } #concours-subscribe .select{ padding-left:0; } #concours-subscribe select{ max-width:100%; cursor:pointer; } #concours-subscribe .select select{ margin-left:6px; } #concours-subscribe option{ max-width:300px !important; } #concours-subscribe input, #concours-subscribe select, #concours-subscribe textarea{ padding:10px 15px !important; border:1px solid #a4cfe2 !important; margin-bottom:25px !important; color:#1a80d1; font-size:17px; font-family: 'Open Sans', sans-serif; font-weight:600; } #concours-subscribe textarea{ max-width:100%; max-height:250px; } #concours-subscribe label{ color:#1a80d1; font-family:Lato, Arial, Helvetica, sans-serif; font-weight:bold; font-size:18px; } #concours-subscribe .new-margin{ margin-bottom:10px; } #concours-subscribe ul{ padding-left:25px; } #concours-subscribe li{ color:#4b4a4a; font-family:Lato, Arial, Helvetica, sans-serif; margin-bottom:5px; list-style-type:disc; } #recaptcha_table{ border:1px solid #e5e5e5 !important; } #recaptcha_table td{ background-image:none; } #recaptcha_table input{ border-color:#a9a9ab !important; } #recaptcha_table input::-webkit-input-placeholder{ color:#a9a9ab !important; } #recaptcha_table input:-moz-placeholder{ color:#a9a9ab !important; opacity:1; } #recaptcha_table input::-moz-placeholder{ color:#a9a9ab !important; opacity:1; } #recaptcha_table input:-ms-input-placeholder{ color:#a9a9ab !important; } #recaptcha_table input-placeholder{ color:#a9a9ab !important; opacity:1; } #concours-subscribe input::-webkit-input-placeholder, #concours-subscribe textarea::-webkit-input-placeholder{ color:#a4cfe2; font-size:17px; font-family: 'Open Sans', sans-serif; font-weight:600; } #concours-subscribe input:-moz-placeholder, #concours-subscribe textarea:-moz-placeholder{ color:#a4cfe2; opacity:1; font-size:17px; font-family: 'Open Sans', sans-serif; font-weight:600; } #concours-subscribe input::-moz-placeholder, #concours-subscribe textarea::-moz-placeholder{ color:#a4cfe2; opacity:1; font-size:17px; font-family: 'Open Sans', sans-serif; font-weight:600; } #concours-subscribe input:-ms-input-placeholder, #concours-subscribe textarea:-ms-input-placeholder{ color:#a4cfe2; font-size:17px; font-family: 'Open Sans', sans-serif; font-weight:600; } #concours-subscribe .blue-btn{ -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -ms-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; margin-top:30px; font-family:'GothamBold'; background-color:#188ce9; padding:12px 25px 12px 25px !important; color:#fff; display:inline-block; cursor:pointer; -webkit-border-radius: 5px; border-radius: 5px; text-transform:uppercase; border:2px solid #188ce9 !important; } #concours-subscribe .blue-btn:hover{ -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -ms-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; background-color:#fff; color:#188ce9; } #concours-subscribe .mobile-appear{ display:none; } .language_drop{ position: absolute; bottom: -44px; width: 100%; display:none; z-index:9999; } .language_drop a{ width:100%; display:block; } #change-language:hover .language_drop{ display:block; } #concours-subscribe #answer-message{ margin-bottom:20px; } /* RESPONSIVE SUPPORT ----------------------------------------------- */ @media screen and (max-width: 1024px) { .container { width: 90%; } .blog_item { width: 100%; } .site-extra .widget-area { width: 50%; } .post-73 #featured-image{width:33.333333333%; float:left;} .post-73 .entry-content{width:66.666666666%; float:left;} #slider-home-drag-button{background-image:url('img/push_btn_en.png');} #site-header .main_menu_container { display: none !important; } #header #mobileMenu,#header .mobileMenu_tool { display: block; } } @media screen and (max-width: 991px){ .home{min-height:1600px;} .home #border-green{display:block; position:relative; top:656px; width:100%; border-bottom:4px solid #9bcd56;} .home #border-grey{top:1342px;} #home-link-bottom{margin-top:720px;} #container-slider-home li{top:-35px !important; width:100%; height:auto;} #container-slider-bottle-home li{top:-17px !important; left:425px !important;} #slider-home-drag-button{top:130px !important; left:340px;} #karma-spirit-plume-mobile{ display:block; position:relative; float:left; left:-50px; top:655px; width:458px; height:686px; background-image:url('img/karma_spirit_plume.jpg'); background-size:458px 686px; background-repeat:no-repeat;} #site-footer .col-md-3{width:50%;} #site-footer .footer-nav{float:left;} #content-holder #post-75 .col-md-3{width:50%; float:left;} #content-holder #post-64 .col-md-3{width:33.333333333%;} #content-holder .varieties-sidenav{margin-top:0; width:215px;} #content-holder .varieties-sidenav li{display:inline; margin-left:20px;} .single-product .global-wrapper{background-position:-136px 217px !important; background-size:893px 800px !important;} .single-product article{width:60%; float:right;} .variety:before{display:none;} .single-product .entry-header:before{border:none;} #concours-subscribe textarea{ width:100%; } #concours-subscribe .change-label input[type="checkbox"]{ margin-bottom:0 !important; margin-top:6px !important; } #concours-subscribe .img{ position:absolute; z-index:-1; top:1300px; right:-150px; width:45%; } #home-link-bottom img:hover{ opacity:1; } #concours-subscribe .mobile-disappear{ display:none; } #concours-subscribe .mobile-appear{ display:block; margin-top:10px; } #concours-subscribe h5.mobile-appear{ margin-left:20px; } #concours-subscribe #association{ margin-bottom:0 !important; } #concours-subscribe .img-bottle{ display:none; } #concours-subscribe .col-md-6, #concours-subscribe .col-md-12, #concours-subscribe .col-md-2, #concours-subscribe .col-md-10{ padding-right:0; } #answer-message{ display:block; width:100%; } } @media screen and (max-width: 960px) { #main-nav{margin-top:30px;} .why-drink-karma .col-xs-10{margin-top:30px;} .why-drink-karma{margin-bottom:10px;} .home #border-green{top:656px;} .home #border-grey{top:1342px;} #container-slider-bottle-home li{top:-17px !important;} #karma-spirit-plume-mobile{top:655px;} #home-link-bottom{margin-top:715px;} #home-link-bottom img{border-right:none;} } @media screen and (max-width: 810px) { #container-slider-bottle-home li{left:395px !important;} #slider-home-drag-button{left:310px;} } @media screen and (max-width: 767px) { #site-header #change-language{ top:50px; right:-11px; } #karma-spirit-plume-mobile{left:-125px !important;} #container-slider-bottle-home li{left:320px !important;} #slider-home-drag-button{left:230px !important;} #home-link-bottom{margin-top:705px;} .why-drink-karma .col-xs-10{margin-top:5px;} .why-drink-karma{margin-bottom:40px;} .why-drink-karma .col-xs-2{width:100%; text-align:center;} .why-drink-karma .col-xs-10{width:100%; text-align:center;} .karma-logo img{margin:20px;} #content-holder #post-64 .col-md-3{width:50%; float:left;} .single-product .global-wrapper{background-position:-166px 217px !important;} .single-product article{width:70%;} .site-header .widget-area { display: none; } #site-header .karma-logo { position: relative; } .site-header .site-branding { float: none; text-align: center; } .content-area { float: none; } .site-content { margin: 0; } .site-sidebar { width: auto; float: none; margin: 20px 0 0; } .site-extra .widget-area { width: 100%; } #concours-subscribe .select label{ display:block; margin-left:5px; } #concours-subscribe .img{ display:none; } } @media screen and (max-width:680px){ .home #border-green{top:652px;} .home #border-grey{top:1338px;} #container-slider-bottle-home li{top:-21px !important;} #slider-home-drag-button{top:95px !important;} #karma-spirit-plume-mobile{top:651px !important;} #home-link-bottom{margin-top:670px;} #container-slider-home h3{padding-top:30px;} .variety h1{font-size:60px !important;} .variety h2{padding-top:0; padding-bottom:0;} } @media screen and (max-width:650px){ #supplement-facts-btn{display:block; margin-bottom:10px; max-width:250px;} #clinical-infos-btn{display:block; margin-bottom:10px; max-width:250px;} .single-product .global-wrapper{background-position:-256px 217px !important;} } @media screen and (max-width:640px){ .home #border-green{top:628px;} .home #border-grey{top:1314px;} #container-slider-bottle-home li{top:-45px !important;} #karma-spirit-plume-mobile{top:627px !important;} } @media screen and (max-width:600px){ #container-slider-home h2{font-size:34px; line-height:34px; padding-top:0;} #container-slider-home h3{padding-top:20px;} #container-slider-home p{margin-top:-15px} .home #border-green{top:574px;} .home #border-grey{top:1260px;} #container-slider-bottle-home li{top:-99px !important; left:235px !important;} #karma-spirit-plume-mobile{top:573px !important; left:-200px !important;} #slider-home-drag-button{top:20px !important; left:150px !important;} #home-link-bottom{margin-top:600px;} #home-link-bottom img{margin-left:0; margin-right:0;} #concours-subscribe .select select{ display:block; } } @media screen and (max-width:540px){ .home #border-green{top:515px;} .home #border-grey{top:1201px;} #container-slider-bottle-home li{top:-158px !important; left:235px !important;} #karma-spirit-plume-mobile{top:514px !important; left:-200px !important;} #slider-home-drag-button{top:-40px !important; left:140px !important;} #home-link-bottom{margin-top:540px;} } @media screen and (max-width: 480px) { #container-slider-home h2{font-size:26px; line-height:28px; margin-top:-7px;} #container-slider-home h3{padding-top:20px;} #container-slider-home p{margin-top:-15px} .home #border-green{top:456px;} .home #border-grey{top:1142px;} #container-slider-bottle-home li{top:-217px !important; left:140px !important;} #karma-spirit-plume-mobile{top:455px !important; left:-300px !important;} #slider-home-drag-button{top:-100px !important; left:60px !important;} #home-link-bottom{margin-top:490px;} #content-holder #post-75 .col-md-3{width:100%; float:left;} #header .mobileMenu_tool .opener{float:right; margin-right:10px;} .karma-logo img{margin-left:-30px;} .site-header .site-branding{text-align:left;} .site-footer { text-align: center; } .site-footer .site-info,.site-footer .site-credit { float: none; } .post-73 #featured-image{width:100%;} .post-73 .entry-content{width:100%;} #content-holder #post-64 .col-md-3{width:100%; text-align:center;} .vitamin .vitamin-name{font-size:17px;} .vitamin-satistic{font-size:24px;} #concours-subscribe .radio-center label:first-child{ display:block; } #concours-subscribe .col-xs-1, #concours-subscribe .col-xs-2, #concours-subscribe .col-xs-3, #concours-subscribe .col-xs-4, #concours-subscribe .col-xs-5, #concours-subscribe .col-xs-6, #concours-subscribe .col-xs-7, #concours-subscribe .col-xs-8, #concours-subscribe .col-xs-9, #concours-subscribe .col-xs-10, #concours-subscribe .col-xs-11, #concours-subscribe .col-xs-12, #concours-subscribe .col-md-8, #elevate-karma .col-md-7, #elevate-karma .col-md-5{ padding:0; } #concours-subscribe .col-xs-11{ padding-left:10px; } #concours-subscribe .number::-webkit-input-placeholder{ font-size:16px; } #concours-subscribe .number:-moz-placeholder{ font-size:16px; } #concours-subscribe .number::-moz-placeholder{ font-size:16px; } #concours-subscribe .number:-ms-input-placeholder{ font-size:16px; } } @media screen and (max-width:450px){ .variety h1{font-size:52px !important;} .variety h1:before{left:234px; top:10px; background-size:54px !important;} .single-product article{width:100%;} .single-product article{margin-left:0;} .postid-1797 .global-wrapper{background:transparent url('img/bkgd-spirit.jpg') no-repeat -300px 0px !important;} .postid-1798 .global-wrapper{background:transparent url('img/bkgd-mind.jpg') no-repeat -300px 0px !important;} .postid-1796 .global-wrapper{background:transparent url('img/bkgd-body.jpg') no-repeat -300px 0px !important;} .postid-1795 .global-wrapper{background:transparent url('img/bkgd-vitality.jpg') no-repeat -300px 0px !important;} .postid-1794 .global-wrapper{background:transparent url('img/bkgd-balance.jpg') no-repeat -300px 0px !important;} #variety-data #vitamins-list{padding:0; margin-top:60px;} #variety-data #vitamins-list:before{left:0px; top:-24%;} #information-buttons{padding-left:0;} #content-holder .entry-header h2{font-size:28px !important;} } @media screen and (max-width: 360px) { .home #border-green{top:354px;} .home #border-grey{top:1039px;} #container-slider-bottle-home li{top:-319px !important; left:80px !important;} #karma-spirit-plume-mobile{top:338px !important; left:-370px !important;} #slider-home-drag-button{top:-180px !important; left:-10px !important;} #home-link-bottom{margin-top:395px;} #site-header #change-language{ left:122px; top:-14px; } #site-header #change-language a{ padding:4px 6px; } #concours-subscribe .radio-center input{ margin-left:5px; } #concours-subscribe #association::-webkit-input-placeholder{ font-size:12px; } #concours-subscribe #association:-moz-placeholder{ font-size:12px; } #concours-subscribe #association::-moz-placeholder{ font-size:12px; } #concours-subscribe #association:-ms-input-placeholder{ font-size:12px; } #link-american-website{ padding-left:15px; float:left; } } @media screen and (max-width: 320px) { #container-slider-home .slider-home-text-container{width:98%; left:1%;} #container-slider-home h2{font-size:20px; line-height:21px; margin-top:-3px;} #container-slider-home h3{font-size:13px; padding-top:10px; line-height:14px;} #container-slider-home p{font-size:13px;} .home #border-green{top:315px;} .home #border-grey{top:1001px;} #container-slider-bottle-home li{top:-358px !important; left:80px !important;} #slider-home-drag-button{top:-260px !important; left:-10px !important;} #karma-spirit-plume-mobile{top:314px !important; left:-360px !important;} #home-link-bottom{margin-top:340px;} #captcha{ margin-left:-27px; } } /* --- EASYDROPDOWN METRO THEME --- */ /* PREFIXED CSS */ .dropdown,.dropdown div,.dropdown li,.dropdown div::after,.dropdown .carat,.dropdown .carat:after,.dropdown .selected::after,.dropdown:after { -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } .dropdown .selected::after,.dropdown.scrollable div::after { -webkit-pointer-events: none; -moz-pointer-events: none; -ms-pointer-events: none; pointer-events: none; } /* WRAPPER */ .dropdown { position: relative; width: 250px; cursor: pointer; font-weight: 200; background: #f8f8f8; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .dropdown.open { z-index: 2; } .dropdown:hover { background: #f4f4f4; } .dropdown:after { content: ''; position: absolute; right: 3px; bottom: 3px; top: 2px; width: 30px; background: transparent; } .dropdown.focus:after { background: #0180d1; } /* CARAT */ .dropdown .carat,.dropdown .carat:after { content: ''; position: absolute; right: 10px; top: 50%; margin-top: -4px; border: 8px solid transparent; border-top: 8px solid #000; z-index: 2; -webkit-transform-origin: 50% 20%; -moz-transform-origin: 50% 20%; -ms-transform-origin: 50% 20%; transform-origin: 50% 20%; } .dropdown .carat:after { margin-top: -10px; right: -8px; border-top-color: #f8f8f8; } .dropdown:hover .carat:after { border-top-color: #f4f4f4; } .dropdown.focus .carat { border-top-color: #f8f8f8; } .dropdown.focus .carat:after { border-top-color: #0180d1; } .dropdown.open .carat { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } /* OLD SELECT (HIDDEN) */ .dropdown .old { position: absolute; left: 0; top: 0; height: 0; width: 0; overflow: hidden; } .dropdown select { position: absolute; left: 0; top: 0; } .dropdown.touch .old { width: 100%; height: 100%; } .dropdown.touch select { width: 100%; height: 100%; opacity: 0; filter:alpha(opacity=0); } /* SELECTED FEEDBACK ITEM */ .dropdown .selected,.dropdown li { display: block; font-size: 18px; line-height: 1; color: #000; padding: 9px 12px; overflow: hidden; white-space: nowrap; } .dropdown .selected::after { content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 60px; border-radius: 0 2px 2px 0; box-shadow: inset -55px 0 25px -20px #f8f8f8; } .dropdown:hover .selected::after { box-shadow: inset -55px 0 25px -20px #f4f4f4; } /* DROP DOWN WRAPPER */ .dropdown div { position: absolute; height: 0; left: 0; right: 0; top: 100%; margin-top: -1px; background: #f8f8f8; overflow: hidden; opacity: 0; filter:alpha(opacity=0); } .dropdown:hover div { background: #f4f4f4; } /* Height is adjusted by JS on open */ .dropdown.open div { opacity: 1; filter:alpha(opacity=100); z-index: 2; } /* FADE OVERLAY FOR SCROLLING LISTS */ .dropdown.scrollable div::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 50px; box-shadow: inset 0 -50px 30px -35px #f8f8f8; } .dropdown.scrollable:hover div::after { box-shadow: inset 0 -50px 30px -35px #f4f4f4; } .dropdown.scrollable.bottom div::after { opacity: 0; filter:alpha(opacity=0); } /* DROP DOWN LIST */ .dropdown ul { position: absolute; left: 0; top: 0; height: 100%; width: 100%; list-style: none; overflow: hidden; } .dropdown.scrollable.open ul { overflow-y: auto; } /* DROP DOWN LIST ITEMS */ .dropdown li { list-style: none; padding: 8px 12px; } /* .focus class is also added on hover */ .dropdown li.focus { background: #0180d1; position: relative; z-index: 3; color: #fff; } .dropdown li.active { background: #0180d1; color: #fff; } #applications #green_box{ margin-top:76px; } .home-links .col-sm-3{ padding:0px; height:200px; border-right:1px #dedede solid; } .home-links .col-sm-3:last-child{ border:none !important; } .home-links a{ display:block; margin:auto; text-align: center; } .home-links img { margin:auto; } .single-product #content-holder{ min-height: 800px; } .page-id-75 .row .col-md-3 h2, h1{ font-family: 'GothamBold'; font-size: 37px; line-height: 39px; letter-spacing: -1px; margin-bottom: 24px; color: #e61e25; margin-bottom: 6px; text-transform: lowercase; } .page-id-75 .row .col-md-3 p{ font-family: 'GothamMedium'; color: #93c948; } .page-id-14774 #content-holder .entry-content p a{ color:#e61e25; } .tax-product-category p{ color: #9bcd56; } .term-k2o article#post-14856{ width:100%; text-align: center; } .term-k2o article#post-14856 #featured-image img{ width:450px; } .postid-14737 #variety-data .ingredient-description{ color:#bc6601 !important; } #rak{ color:#fff !important; background: #9bcd56; background: -moz-linear-gradient(top, #9bcd56 0%, #196a35 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9bcd56), color-stop(100%,#196a35)); background: -webkit-linear-gradient(top, #9bcd56 0%,#196a35 100%); background: -o-linear-gradient(top, #9bcd56 0%,#196a35 100%); background: -ms-linear-gradient(top, #9bcd56 0%,#196a35 100%); background: linear-gradient(to bottom, #9bcd56 0%,#196a35 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9bcd56', endColorstr='#196a35',GradientType=0 ); margin-top:20px; } #rak h2{ line-height: 1em; font-size: 32px; margin-top:20px; margin-bottom: 20px; padding-bottom: 0px; } #rak h3{ line-height: 1em; font-size: 26px; margin-top:20px; margin-bottom: 20px; padding-bottom: 0px; } #rak *{ color:#fff !important; } #gform_submit_button_2{ background: #9bcd56; /* background: -moz-linear-gradient(top, #196a35 0%, #9bcd56 100%); */ /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#196a35), color-stop(100%,#9bcd56)); */ /* background: -webkit-linear-gradient(top, #196a35 0%,#9bcd56 100%); */ /* background: -o-linear-gradient(top, #196a35 0%,#9bcd56 100%); */ /* background: -ms-linear-gradient(top, #196a35 0%,#9bcd56 100%); */ /* background: linear-gradient(to bottom, #196a35 0%,#9bcd56 100%); */ /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#196a35', endColorstr='#9bcd56',GradientType=0 ); */ border:2px solid #196a35; font-weight: bold; padding:2px 10px; font-family: 'GothamBold', 'Helvetica Neue', Helvetica, Arial, Verdana, san-serif, sans-serif; } #gform_wrapper_2 .gform_wrapper li label{ /*display:none !important;*/ margin-bottom:0px; font-size:12px; } #gform_wrapper_2 .gform_wrapper li input:not(#input_1_4), #gform_wrapper_2 .gform_wrapper li textarea{ /*display:none !important;*/ color: #000 !important; } #field_2_6{ display:none !important; border:none !important; border-bottom: none !important; } #gform_wrapper_2 .gform_wrapper .gsection{ border-bottom: none !important; padding: 0px !important; margin: 0px !important; } #input_2_1, #input_2_2, #input_2_3{ color: #000 !important; } @media only screen and (min-width: 668px) { .gform_wrapper.two-column_wrapper ul.gform_fields { display: none; } .gform_wrapper.two-column_wrapper ul.gform_fields.gform_column { display: block; float: left; width: 50% ; } .gform_wrapper.two-column_wrapper ul.gform_column li.gsection:first-child { display: none; } } @media only screen and (max-width: 765px) { .home-links .col-sm-3{ border:none !important; } } /* PUSH FOR BETTER */ .post-15062 .entry-header{ display:none !important; } h1.pfb_title{ color: #9BCD56; font-weight: normal; /*font-style: italic; font-family: 'GothamBook';*/ font-size: 28px; text-transform: none; } a.pfb-link{ display:block; margin:auto; float:none; padding:20px 0; width:100%; background: #e7f5df; margin-left:3px; margin-right:-18px; } a.pfb-link img{ display:block; margin:auto !important; float:none; height:auto; }