/* COLORS USED (FOR REFERENCE) • LIGHT GREEN: #AED327 • DARK GREEN: #6F961C • DARKER GREEN: #5f8018 • LIGHT GREY: #EBEBEB 4 BREAK POINTS: • 320px(and below) to 479px | 480px to 639px | 640px to 959px | 960px to 1319px | 1320px to more • #1 #2 #3 #4 #5 SOME OF THE FOLLOWING STYLES (THE ONES TARGETTING #TINYMCE) ARE APPLIED TO THE BACK-END VISUAL EDITOR IN ORDER TO GIVE A BETTER RENDERING OF THE FINAL RESULT WHILE CREATING/EDITING CONTENT */ /*================================================================================================================================================ FONTS ==================================================================================================================================================*/ @font-face { font-family: 'Optiderma Fontastic'; src: url('../fonts/optiderma-fontastic/fonts/optiderma-fontastic.eot'); src: url('../fonts/optiderma-fontastic/fonts/optiderma-fontastic.eot?#iefix') format('embedded-opentype'), url('../fonts/optiderma-fontastic/fonts/optiderma-fontastic.woff') format('woff'), url('../fonts/optiderma-fontastic/fonts/optiderma-fontastic.ttf') format('truetype'), url('../fonts/optiderma-fontastic/fonts/optiderma-fontastic.svg#optiderma_fontastic') format('svg'); font-weight: normal; font-style: normal; } * { font-family: 'Open Sans', sans-serif !important; } /*================================================================================================================================================ TINYMCE EDITOR (SPECIFIC) ==================================================================================================================================================*/ #tinymce.wp-editor { padding: 0 20px 0 20px !important; font-family: 'Open Sans', sans-serif !important; } #tinymce h2 { color: #6F961C; } /*================================================================================================================================================ GLOBAL ==================================================================================================================================================*/ ::selection { background: #AED327; } #pre_next_post { display: none; } /*================================================================================================================================================ P H O N E ( V E R T I C A L ) - #1 ==================================================================================================================================================*/ /* CONTENT LAYOUT */ #content-layout { width: 100% !important; } #content-box { padding-top: 0px; } #content-box > div > div:first-child { width: 100% !important; } .post-single { width: 100% !important; background-color: #fff; } .post-single h1, .post-header-info, .post-header-author { padding-left: 10px !important; } .sidebar-post, #stickyDiv, .widget-sharrre { width: 100% !important; text-align: center; } .edit-link { display: none; } #sidebar { width: 320px !important; margin: auto; } .widget-posts-post-box a { padding: 0 5px; font-size: 16px !important; } /* ADSENSE */ .adsense-homepage { margin-top: 0px !important; margin-bottom: 30px; } .adblock p { color: #ddd; border-bottom: 1px dotted #ddd; font-size: 13px !important; padding: 0 0 5px 0; text-align: center !important; } .post .adblock, .page .adblock { text-align: center; } .post .adblock:before { display: block; content: 'Advertisement'; color: #ccc; text-align: right; font-size: 11px; width: 100%; } .post .adblock1 { padding: 0 0 30px 0; } .post .adblock2 { padding: 20px 0 20px 0; } .post .adblock3 { padding: 40px 0 20px 0; } .page .adblock1 { padding: 10px 0 20px 0; } /* HEADER */ #header { padding-top: 0; z-index: 40000 !important; } #header-layout { background-color: #fff; } #header-layout-2 { display: none; } /* SYICKY POSTS */ .posts-featured-wrapper { display: none; } /* LOGO */ #layout #logo { float: left; padding: 7px 0 5px 0; margin-left: 5px; } #layout #logo img { width: 150px; } /* TAGLINE */ #tagline { position: absolute; top: 32px; left: 40px; z-index: 20000; text-align: center; font-size: 10px; font-weight: 100; font-style: italic; background-color: transparent; color: #eee; } /* MOBILE TOP NAV BUTTONS + "TOP TO PAGE" BUTTON */ .mobile-top-nav { float: right; } #menu-select, .menu-top, .search-button { float: right; margin: 7px 10px 0 0; background-color: #AED327; border-color: #fff; width: 35px; height: 35px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 50px; cursor: pointer; } .menu-top { margin: 4px 3px 0 0; display: none; } .menu-top::before { position: relative; top: 6px; font-family: "StrictThemes"; -moz-osx-font-smoothing: grayscale; color: #FFF; font-size: 25px; left: 6px; content: "\e689"; } .search-button, #menu-select { width: auto; background-color: transparent; color: #fff; border: 0; font-size: 14px; } .search-button::before, #menu-select::before { position: relative; display: block; font-family: 'StrictThemes'; color: #fff; } .search-button::before { top: 3px; left: 12px; font-size: 24px; content: '\e62f'; } #menu-select::before { top: 2px; left: 1px; font-size: 26px; content: "\e613"; } #menu-select.resp-menu-opened { background-color: transparent; } /* NAVIGATION MENU */ #menu-box { padding-top: 10px; } /* SEARCH FORM */ #search-form-header { margin: 7px 2% 0 0 !important; padding: 0 10px; height: 40px; width: 90%; border-radius: 3px; } #search-form-header .search-form-icon::before { padding: 9px 0 0 2px; margin: 0 0 0 -3px; display: inline-block; content: '\e62f'; font-family: 'StrictThemes'; font-size: 24px; color: #fff; } #search-form-header input[type="text"] { width: 100%; height: 100%; padding: 0 0 0 10px; margin: 0 0 0 10px; color: #FB9351; font-size: 18px; background-color: white; color: #6F961C; } #search-form-header input::-webkit-input-placeholder { color: #ccc; font-size: 16px; font-style: italic; } #search-form-header input::-moz-placeholder { /* Firefox 18- */ color: #ddd; } #search-form-header input::-moz-placeholder { /* Firefox 19+ */ color: #ddd; } #search-form-header input::-ms-input-placeholder { color: #ddd; } #search-form-header input[type="submit"] { left: 0px; width: 40px; height: 100%; background-color: transparent; } #search-form-header .submit:hover { opacity: .7; } /* SOCIAL ICONS */ .icons-social { display: none; } /* SECONDARY NAVIGATION */ #menu-custom { display: none; } #menu-2 { width: 100%; background-color: #6F961C; padding: 45px 0 10px 0; } #menu-2 ul.menu-2 li { display: none; } /* BUTTON TO SKIN INDEX */ #cat-header { background-color: #6F961C; text-align: center; } #cat-header span { color: #eee; font-size: 16px; font-variant: small-caps; font-style: italic; } #cat-header a { display: inline-block; color: #fff; padding: 4px 10px; margin: 5px 0 10px 0; border: 1px solid #ccc; border-radius: 3px; font-size: 15px; font-weight: 100; } #cat-header a:hover { border: 1px solid #AED327; background-color: #AED327; } /* STICKY MOBILE HEADER */ .sticky-mobile-header { position: absolute; visibility: hidden; opacity: 0; width: 100%; background-color: #6F961C; box-shadow: 0px 5px 10px #333; z-index: 30000; } .sticky-mobile-header.show-it { position: fixed; visibility: visible; opacity: 1; } .sticky-mobile-header .logo { position: relative; float: left; width: 125px; top: 4px; left: 5px; } .sticky-mobile-header .logo h2 { padding: 0; margin: 0; } .sticky-mobile-header .icon-button { float: right; margin: 4px 8px 4px 0; border-color: #fff; width: 28px; height: 28px; border: 1px solid rgba(255, 255, 255, 0.2); border: 0; border-radius: 50px; cursor: pointer; } .sticky-mobile-header .icon-button::before { position: relative; top: 3px; left: 0; font-family: 'StrictThemes'; color: #fff; } .sticky-mobile-header .top-of-page-button::before { content: "\e689"; font-size: 24px; } .sticky-mobile-header .search-form-button { margin-right: 3px; } @media only screen and ( min-width: 370px ) { .sticky-mobile-header .icon-button { margin-right: 12px; } .sticky-mobile-header .search-form-button { margin-left: 20px; margin-right: 10px; } } .sticky-mobile-header .search-form-button::before { content: '\e62f'; font-size: 22px; } .sticky-mobile-header .google-plus-button::before { content: '\e66c'; color: #fff; background-color: #CE1522; border-radius: 15px; font-size: 17px; padding: 5px; } .sticky-mobile-header .twitter-button::before { content: '\e662'; color: #fff; background-color: #04ADEF; border-radius: 15px; font-size: 17px; padding: 5px; } .sticky-mobile-header .facebook-button::before { content: '\e671'; color: #fff; background-color: #395E9E; border-radius: 15px; font-size: 19px; padding: 4px; } .sticky-mobile-header .pinterest-button::before { content: '\e669'; color: #AA281A; background-color: #fff; border-radius: 20px; font-size: 27px; } .sticky-mobile-header .email-button::before { content: '\e639'; color: #fff; font-size: 26px; } .sticky-mobile-header .comment-button::before { content: '\e652'; color: #fff; font-size: 20px; } .sticky-mobile-header .comment-button, .sticky-mobile-header .google-plus-button, .sticky-mobile-header .email-button { display: none; } @media only screen and ( min-width: 450px ) { .sticky-mobile-header .google-plus-button, .sticky-mobile-header .email-button { display: inline-block; } } @media only screen and ( min-width: 500px ) { .sticky-mobile-header .comment-button { display: inline-block; } } .sticky-mobile-header .search-form-wrapper { display: none; height: auto; text-align: center; padding: 10px 10px 0 10px; } .sticky-mobile-header .search-form-wrapper #search-form-header { position: relative; float: none; display: inline-block; width: 100%; padding: 0; margin: 0 !important; } .sticky-mobile-header .search-form-wrapper #search-form-header #search-field-header { padding: 0 0 0 5px; margin: 0; left: 0; margin-left: 40px; width: 100%; } .sticky-mobile-header .search-form-wrapper #search-form-header .search-form-icon::before { float: left; font-size: 26px; margin: 0; padding: 8px 0 0 8px; } .sticky-mobile-header .search-form-wrapper #cat-header { display: inline-block; width: 300px; text-align: center; } /* HOMEPAGE */ .posts-highlighted { margin-bottom: 50px; } .posts-highlighted a.post-thumb { height: 210px !important; } .post-template .meta { margin: 0; } .post-template .post-title { margin: 5px; font-size: 18px; text-transform: capitalize; } .post-template p.exerpt { padding: 0 5px; text-align: justify; } /* ARTICLES */ .breadcrumb { display: none; } .breadcrumb-yoast { text-align: left; margin: 0; padding: 0; } h1.post-title { text-align: left; padding: 10px 0 20px 10px; margin: 0 0 10px 0; font-size: 26px !important; text-transform: capitalize; } h1.post-title.trending-topic-title { text-align: center !important; line-height: 26px; } h1.post-title.trending-topic-title::before { content: '✩ Trending Topics ✩'; display: block; font-size: 15px; font-style: italic; color: #AED327; } .post-header-author { font-size: 12px; color: #888; } .post-header-info { font-size: 13px; padding: 10px 0 10px 0; margin: 10px 0 20px 0; border-top: 1px dotted #CACACA; border-bottom: 1px dotted #CACACA; } #article { padding: 0px 10px 20px 10px; text-align: justify; } #article * { font-weight: 300; font-size: 15px; line-height: 24px; } #article p, #tinymce p, .about-author div, .comments-intro-text { font-size: 15px; font-weight: 300; line-height: 24px; color: #444; margin-bottom: 20px; } #article a, #tinymce p a, #tinymce a { padding: 0 1px; margin: 0 1px; text-decoration: none; border-bottom-width: 1px; border-bottom-style: dotted; color: #1E73BE; } #tinymce p a, #tinymce a { color: #AED327; } #article a[target="_blank"]:after, #tinymce a[target="_blank"]:after { font-family: 'Optiderma Fontastic'; content: 'b'; display: inline-block; padding-left: 4px; position: relative; top: 2px; font-size: 13px; } .amzn-native-container a[target="_blank"]:after, .amzn_assoc_ad_div_adunit0_0 a[target="_blank"]:after, #article a.remove-external-link-icon:after { display: none !important; } #article a:hover, #tinymce a:hover { border-style: solid; } #article b, #article strong, #tinymce b, #tinymce strong { color: #555; font-weight: 500; } #article h2, #tinymce h2 { margin-top: 0px; font-size: 20px; font-weight: 700; line-height: 26px; text-align: left; text-transform: capitalize; color: #333; } #article h2 strong, #tinymce h2 strong { font-size: 20px; font-weight: 400; color: #333 !important; } .category-interviews #article h2 { font-size: 20px !important; font-weight: 400 !important; line-height: 26px !important; text-transform: none; } .category-interviews #article h2::before { content: 'Q: '; } #article h3, #tinymce h3 { display: inline-block; padding: 0; margin: 14px 0 6px 0; color: #6F961C; font-size: 18px; font-weight: 600; text-transform: capitalize; } #article h4, #tinymce h4 { display: inline-block; font-size: 16px; font-weight: 400; } #article h4::before, #tinymce h4::before { content: '› '; } #tinymce h4 { font-weight: 400; } #article li, #tinymce li { font-weight: 300; font-size: 15px; line-height: 23px; padding: 0 0 8px 0px; text-align: left; } #article .visual-index a { display: inline-block; border: 0; } #article .visual-index a { margin: 0 10px 10px 0; } #article .visual-index a:hover { opacity: .7; } #article .visual-index a img { width: 88px; margin: 0; } p.wp-caption-text { background: #fafafa url('../images/icon-info.png') 5px 10px no-repeat; background-size: 15px; text-align: left; font-size: 14px; line-height: 18px; font-style: italic; padding: 5px 10px 5px 25px; } /* VIDEO */ .video { max-width: 500px; max-height: 300px; margin-left: auto; margin-right: auto; display: block; } /* NEWSLETTER SIGNUP FORM */ .in-page-newsletter-signup { max-width: 800px; text-align: center; background-color: #6F961C; padding: 5px 10px; border-radius: 5px; margin: 30px auto; } .in-page-newsletter-signup p { margin: 10px 0 0 0 !important; color: #fff !important; line-height: 23px !important; } .in-page-newsletter-signup p strong { color: #fff !important; font-weight: 600 !important; } .widget_mc4wp_form_widget { margin: 0; } #mc4wp-form-1, #mc4wp-form-2 { padding: 0px 0 15px 0; } #mc4wp-form-1 input[type="email"], #mc4wp-form-2 input[type="email"] { width: 70%; max-width: 300px; margin: 10px 0px 0 0; border-radius: 3px; padding: 7px 10px; } #mc4wp-form-1 input[type="submit"], #mc4wp-form-2 input[type="submit"] { min-width: 40px; margin-top: 10px; background-color: #aed432; font-weight: 600; border-radius: 3px; padding: 8px 10px; } .mc4wp-alert p { background-color: #AED327; margin: 10px auto 0px auto !important; padding: 5px 0; width: 90%; color: #fff !important; } /* IN-PAGE: ALMA TERRA PROMO */ #article .almaterra-promo-container .widget { background-color: rgb(250, 250, 250); border-top: 1px dotted rgb(229, 229, 229); border-bottom: 1px dotted rgb(229, 229, 229); padding: 0 10px; margin: 30px 0px } #article .almaterra-promo-container .widget a.photo { float: left; width: 70px; margin: 0 15px 0 0; padding: 0; border: 0; } #article .almaterra-promo-container .widget a:after { display: none; } #article .almaterra-promo-container .widget a.photo img { border-radius: 50px; } #article .almaterra-promo-container .widget .button { display: inline-block; background-color: #DD3C6F; color: #fff; padding: 0 10px 7px 10px; font-size: 18px; border: 1px solid #DD3C6F; } #article .almaterra-promo-container .widget .button:hover { background-color: #fff; color: #DD3C6F; } #article .almaterra-promo-container .widget .button:after { display: inline-block; position: relative; top: 1px; content: ' »'; font-size: 1.5em; padding-left: 10px; } /* EBOOK PROMO CTA */ .ebook-promo-container { position: relative; width: 260px; text-align: center; background-color: #9f1988; color: #fff; padding: 170px 10px 10px 10px; border-radius: 3px; margin: 110px auto 30px auto; } .ebook-promo-container a.cover { display: inline-block; position: absolute; top: -65px; left: 55px; margin: 0 auto; width: 100%; max-width: 165px; border: 0 !important; } .ebook-promo-container .text, .ebook-promo-container .text em { font-size: 16px !important; line-height: 22px !important; color: #fde7f9 !important; font-weight: 300 !important; } .ebook-promo-container .text a { color: #f1b830 !important; font-size: 17px; border-bottom-color: #f1b830; } .ebook-promo-container .text .title { display: block !important; color: #f1b830 !important; font-size: 20px !important; font-weight: 600 !important; margin-bottom: 10px !important; } .ebook-promo-container .text strong { color: #fff !important; font-size: 15px !important; } .ebook-promo-container .text .no-email { display: none !important; } .ebook-promo-container a.button { display: inline-block !important; background-color: #db60c7 !important; color: #fff !important; font-size: 20px !important; font-weight: 600 !important; padding: 6px 10px !important; border-bottom: 0 !important; border-radius: 2px; margin: 20px 0 15px 0 !important; } .ebook-promo-container a.button:after { content: '›'; font-size: 30px; line-height: 0.1; position: relative; top: 2px; padding-left: 8px; font-weight: 500; } .ebook-promo-container a.button:hover { background-color: #fff !important; color: #db60c7 !important; } /* EBOOK / SALES BOX */ .page-template-template-sales-page h1.entry-title { font-family: "Open Sans"; color: #454545; font-size: 40px !important; font-weight: 700; line-height: 46px; padding: 20px 0 0 25px !important; } .page-template-template-sales-page .sales-box { clear: both; position: relative; max-width: 400px; padding-top: 70px; text-align: center; color:#333; border-radius: 5px; background-color: #f3f3f3 } .page-template-template-sales-page .sales-box em { color: transparent; } .page-template-template-sales-page .sales-box b { color: #333 !important; font-weight: 700 !important; } .page-template-template-sales-page .sales-box input { border: 0; background-color: transparent;} .page-template-template-sales-page .sales-box input[type="submit"] { background-color: #C20F8A; text-transform: capitalize; font-size: 1.2em !important; border-radius: 5px; } .page-template-template-sales-page .disabled input[type="submit"] { display: none; font-weight: normal; } .page-template-template-sales-page .sales-box .on-sale-1 { position: absolute; top: 19px; left: 18px; width: 80px; padding: 5px; border: 2px solid #333; font-size: 30px !important; color: #333 !important; font-weight: 600 !important; -webkit-transform: rotate(-14deg); /* Chrome, Safari, Opera */ transform: rotate(-14deg); } .page-template-template-sales-page .sales-box .on-sale-2 { position: absolute; top: 5px; right: 25px; width: auto; color: #333 !important; } .page-template-template-sales-page .sales-box .on-sale-3 { position: absolute; top: 30px; right: 30px; width: auto; color: #C20F8A !important; font-size: 26px !important; font-weight: 600 !important; } .page-template-template-sales-page .sales-box .on-sale-3 span { text-decoration: line-through; font-size: 18px !important; } .countdown-wrapper { margin: 25px 0 25px 0; font-size: 26px !important; } .countdown { font-size: 50px !important; margin: 30px 0 40px 0 !important; font-weight: 600 !important; line-height: 50px !important; } /* PAGE TEMPLATE */ h1.entry-title { text-align: left; margin: 0 0 10px 0; } h1.template-topic { font-weight: bold; line-height: 36px; white-space: pre; } h1.template-topic:before { content: 'Trending Topic: \A'; font-weight: 100; font-size: 26px; } .page .alignleft { float: none; display: block; width: 80%; max-width: 250px; margin: 0 auto 20px auto; } /* "READ BEFORE YOU START..." & RELEASE OF LIABILITY */ .before-you-start, .rol { margin: 0 0 30px 0; text-align: center; } .before-you-start-toggle, .rol-toggle { display: inline-block; background-color: #AED327; color: #fff; padding: 2px 15px; margin: 30px 0 20px 0; cursor: pointer; font-weight: 300; font-size: 16px; border-radius: 5px; } .before-you-start-toggle:hover, .rol-toggle:hover { background-color: #AED327; } .before-you-start-text, .rol-text { display: none; text-align: left; border-top: 1px dotted #E5E5E5; border-bottom: 1px dotted #E5E5E5; padding: 15px 10px 10px 10px; margin: 0 !important; } /* QUICKLINKS */ #quicklinks { background-color: #fafafa; padding: 5px; border-radius: 5px; margin-top: 30px; } #quicklinks span { display: inline-block; padding-bottom: 10px; font-weight: 500; } #quicklinks a { color: #1E73BE; } #quicklinks a:hover { color: #6F961C; } .anchor { padding: 0 !important; } /* CUSTOM STYLES */ .emphase { font-style: italic; margin: 10px 0 13px 0 !important; } .emphase-2, .emphase-3 { background-color: #6F961C; padding: 12px 12px; margin: 0 -10px; margin-top: 30px !important; margin-bottom: 30px !important; color: #fff !important; font-style: italic; text-align: left; } .emphase-2::before { content: 'CAUTION: '; font-weight: 600; } .emphase-2 b, .emphase-2 strong, .emphase-3 b, .emphase-3 strong, .emphase-2 b a, .emphase-2 strong a, .emphase-3 b a, .emphase-3 strong a { color: #fff !important; font-weight: 600 !important; } .emphase-2 a:hover, .emphase-3 a:hover { color: #fff; border: 0 !important; } .emphase-4 { text-align: left; border-top: 1px dotted #E5E5E5; border-bottom: 1px dotted #E5E5E5; padding: 15px 10px 15px 10px; margin: 30px 10px !important; background-color: #fafafa; } .emphase-4 b, .emphase-4 strong { font-weight: 600 !important; } /* DEFAULT BUTTONS */ #article .cta-button { text-align: center; margin: 30px 0 30px 0; clear: both; } #article .cta-button a { float: none; display: inline-block; background-color: #6F961C; color: #fff; font-size: 24px; border: 0; padding: 10px 10px 10px 14px; font-weight: 500; border-radius: 3px; } #article .cta-button a:hover { background-color: #C20F8A; border: 0; } #article .cta-button a:after { display: inline-block; font-family: 'Optiderma Fontastic'; content: ' c'; font-size: 17px; text-transform: none; position: relative; top: 1px; padding-left: 7px; } /* SIGNATURE SHORTCODE */ .signature { margin-bottom:50px; } .signature a { border-bottom: 0 !important; } .signature p { float: left; } .signature p:nth-child(1) { padding-right: 10px; width: 80px; height: 80px; } .signature p:nth-child(2) { float: left; width: 65%; } blockquote { padding: 5px 5px 5px 15px; margin-top: 30px; margin-bottom: 30px; font-style: italic; border-left: 2px solid #AED327; background-color: #fafafa; } blockquote::before { font-family: "Georgia"; font-style: normal; color: #AED327; } .also-read { background: #eee url('../images/also-read.png') 5px 5px no-repeat; background-size: 27px; background-color: #eee; padding: 7px 5px 10px 8px; text-align: left; margin: 20px 0 0 0; } .also-read:before { content: '\00a0 \00a0 \00a0 \00a0 \00a0 \00a0 \00a0 ALSO READ: '; color: #000; font-size: 16px; } .also-read a { color: #6F961C; } .also-read a:hover { color: #AED327; } /* POST FOOTER (TABS) */ #post-footer { padding-top: 20px; } #post-footer .st-tabs-holder ul.st-ul { margin: 0; padding: 0; border: 0; } #post-footer .st-tabs-holder ul.st-ul li { padding: 5px 8px !important; margin: 0 5px 0 0 !important; list-style: none; background: #f3f3f3 url('') 0 0 no-repeat; } #post-footer .st-tabs-holder ul.st-ul > li > span:nth-child(1) { display: none; } #post-footer .st-tabs-holder ul.st-ul li.st-current { background-color: #6F961C; color: #fff; } #post-footer .st-tabs-holder .st-tabs { padding: 25px 10px 15px 10px !important; } /* "SHARE" TAB */ .share-post .widget-sharrre { width: 100% !important; } .sharrre a.box { border: 0 !important; padding: 0 !important; margin: 0 !important; } .sharrre a.box .count { display: block; font-size: 20px !important; font-weight: 600 !important; padding-top: 6px !important; display: none; } .sharrre a.box .share { font-size: 0px !important; margin-top: 5px; } .sharrre a.box .share::before { font-size: 32px; padding: 7px; background-color: #fff; color: #6F961C !important; } .sharrre a.box .share:hover::before { color: #fff !important; background-color: #6F961C; } /* "ABOUT AUTHOR" TAB */ .about-author { background-color: #fff; } .about-author div { font-size: 15px; } .author-pic { float: left; padding: 0; margin: 0 20px 0 -5px; width: 100px; } .author-pic a { border: 0 !important; } .top-author-pic { width: 30px; vertical-align: middle; } .author-pic img { border: 2px solid #ddd; padding: 2px; } .author-name { padding-top: 10px; font-weight: 500 !important; font-size: 16px !important; } .author-name span.post-type { display: block !important; font-size: 12px !important; line-height: 12px !important; text-transform: none; } .author-company { display: inherit; text-transform: none; line-height: 17px !important; padding-top: 10px; font-style: italic; } .author-desc { color: #555 !important; text-align: justify; margin-bottom: 30px !important; } .single-author-info-links strong { display: block; padding-bottom: 10px; color: #6F961C !important; text-transform: uppercase; } .single-author-info-links span a { border: 0 !important; } /* DISCLAIMER */ .disclaimer strong { color: #6F961C !important; } /* COMMENTS */ .comments-intro-text { font-size: 15px; color: #888; } .comments-heading { text-align: center; margin: 50px 0 30px 0; } #disqus_thread { margin: 0 10px; } /* GALLERY WITH LINKS */ .gallery-with-links { text-align: center; } .gallery-with-links a { display: inline-block; border: 0 !important; width: 48%; margin-bottom: 2% !important; text-align: center; color: #5f8018 !important; font-weight: 900 !important; } .gallery-with-links a:nth-child(odd) { margin: 0 2% 0 0 !important; } .gallery-with-links a:hover { opacity: .7; } .gallery-with-links a img { float: none; margin: 0; } .sidebar-position-none .gallery-with-links a { width: 70%; margin: 0 0 20px 0 !important; } /* ARCHIVE PAGES & HOMEPAGE (T4 TEMPLATE) */ a.post-thumb { height: 170px; } .post-t4 { margin: 0 10px 50px 10px !important; } .post-t4:nth-child(1) { margin-bottom: 30px; } .post-t4 div { padding-bottom: 0 !important; } .post-t4 div .post-title { font-size: 1.6em; font-weight: 300; line-height: 1.2em; padding: 5px 3px 2px 0; } .post-t4 div .interview-with { padding: 0 0 10px 5px !important; } .post-t4 div .meta { padding: 10px 0 10px 5px !important; margin: 15px 0 0 0; border-top: 1px dotted #CACACA; } .post-t4 div .meta .ico16-comment-2 { display: none; } .post-t4 div .meta .ico16-tag { display: none; } .archive .post-t4 div .meta .ico16-folder { display: none; } /* POST SIDEBAR */ .sidebar-post .single-author-info { display: none; } .sidebar-post .widget_tag_cloud { display: none; } #stickyDiv { margin-top: 30px; } .posts-related-wrapper td { padding: 0 20px !important; } /* MAIN SIDEBAR */ #sidebar { padding-top: 20px; } .sidebar .widget_search { display: none; } .sidebar .widget-posts-most-viewed { display: none; } .sidebar .widget-posts-recent { display: none; } .sidebar .widget_nav_menu { display: none; } .sidebar .widget_tag_cloud { display: none; } .sidebar .widget-posts { padding: 0px !important; background-color: #FFF !important; } .sidebar .widget-posts > div { padding: 0 0 30px 0; } .sidebar .widget-posts h5 { color: #444 !important; text-align: center; font-size: 26px; letter-spacing: -2px; font-weight: 800px; padding: 5px 0 5px 0 !important; margin-bottom: 40px !important; text-transform: capitalize; } .sidebar .widget-posts-category { display: block; text-align: right; font-size: 12px; } .sidebar .widget-posts-category a { color: #333; background-color: #fff !important; } .sidebar .widget-posts-image { display: block !important; width: 100% !important; text-align: center !important; } .sidebar .widget-posts-image:hover { opacity: .8; } .sidebar .widget-posts-image img { float: none !important; width: 270px !important; height: auto !important; margin: 0 !important; } .sidebar .widget-posts-post-box { padding: 0 0 0 0 !important; text-align: center !important; } .sidebar .widget-posts-title { display: inline; font-weight: 600; font-size: 16px !important; line-height: 10px !important; color: #333; } .sidebar .widget-posts-title:hover { color: #6F961C !important; border-bottom: 1px dotted #6F961C; cursor: pointer; } /* SIDEBAR: ALMA TERRA WIDGET */ #content-holder .sidebar .widget.widget_custom_html:first-child { padding: 10px 10px 10px 10px; background-color: #fff; margin-top: 25px; } #content-holder .sidebar .widget.widget_custom_html:first-child h5 { color: #DD3C6F; font-size: 20px; line-height: 25px; } #content-holder .sidebar .widget.widget_custom_html:first-child p { font-size: 15px; } #content-holder .sidebar .widget.widget_custom_html:first-child a { color: #DD3C6F; border-bottom: 1px dotted pink; } #content-holder .sidebar .widget.widget_custom_html:first-child .button { display: block; text-align: center; background-color: #DD3C6F; color: #fff; padding: 2px 10px 5px 10px; font-size: 18px; margin: 20px 10px 30px 10px; border: 1px solid #DD3C6F; } #content-holder .sidebar .widget.widget_custom_html:first-child .button:hover { background-color: #fff; color: #DD3C6F; } #content-holder .sidebar .widget.widget_custom_html:first-child .button:after { position: relative; content: ' »'; font-size: 2em; top: 3px; } /* FOOTER */ #footer-holder { padding-top: 10px; } #footer-box { padding-left: 5%; } #footer-box p { color: #fff !important; } #footer-box img { width: 50%; } #footer-box .cat-item, #footer-box .cat-item a { color: #fff; } #footer-box .cat-item { border-bottom: 1px dotted #84A53D; padding: 3px; } #footer-box .cat-item-55 { display: none; } #footer-box .cat-item:hover { background-color: #AED327; } #footer .widget_text { margin-bottom: 15px; color: #fff; } #footer .widget_text img { max-width: 150px; } #footer .sidebar-footer:nth-child(1) { display: none; } #footer .sidebar-footer { width: 80% !important; margin-bottom: 30px; } #footer .sidebar-footer h5 { font-size: 18px; font-weight: 100; } .footer-copyrights { font-size: 12px; padding: 0 15px; line-height: 16px; } .footer-disclaimer { font-style: italic; font-size: 12px; color: #888; line-height: 16px; padding: 15px; } /* NEWSLETTER FORM */ #mc-embedded-subscribe-form { width: 100% !important; } #mc-embedded-subscribe-form .email { position: relative; margin: 0 !important; width: 200px !important; } #mc-embedded-subscribe { border: 1px solid #fff !important; position: relative; width: 40px !important; height: 41px; padding: 0 !important; margin: 0 !important; } #mc-embedded-subscribe::before { color: #fff !important; } /*================================================================================================================================================ P H O N E ( H O R I Z O N T A L ) - #2 ==================================================================================================================================================*/ @media only screen and ( min-width: 479px ) { /* SEARCH FORM */ #search-form-header { margin-right: 2.5% !important; } /* HOMEPAGE */ .posts-highlighted a.post-thumb { height: 315px !important; } /* ARTICLES */ h1.post-title { font-size: 30px !important; } /* PAGES */ .page .alignleft { float: left; display: inline-block; width: auto; margin: 0; padding-right: 40px; } /* POST FOOTER (TABS) */ #post-footer .st-tabs-holder ul.st-ul > li > span:nth-child(1) { display: inline-block; } #post-footer .st-tabs-holder ul.st-ul > li > span:nth-child(2) { display: none; } /* GALLERY WITH LINKS */ .gallery-with-links { text-align: left; } .sidebar-position-none .gallery-with-links a { width: 48%; margin: 0 1.5% 2% 0 !important; } /* MAIN SIDEBAR */ .sidebar .widget_search { display: block; } .sidebar .widget-adsense:nth-child(1) { display: block !important; } .sidebar .widget_nav_menu { display: block; } .sidebar .widget_nav_menu h5 { display: none; } .sidebar .widget-posts-post-box { padding: 0 70px 0 75px !important; } /* SIDEBAR: ALMA TERRA WIDGET */ #content-holder .sidebar .widget.widget_custom_html { padding: 30px 0 10px 0; } /* ARCHIVE PAGES & HOMEPAGE (T4 TEMPLATE) */ .post-t4 { margin-bottom: 30px; } .post-t4 a.post-thumb.post-thumb-standard::before, .post-t4 a.post-thumb.post-thumb-standard::after { display: none; } .post-t4 div .post-title { font-size: 1.4em; } .post-t4 div .interview-with { display: none; } .post-t4 div .exerpt { display: none; } .post-t4 div .meta { height: auto; bottom: 0; margin-right: 5px; width: 180px; } /* FOOTER */ #footer-holder { padding-top: 40px; } #footer-box img { width: 80%; } #footer .widget_text { margin-bottom: 8px; } #footer .sidebar-footer:nth-child(1), #footer .sidebar-footer:nth-child(4) { display: block; } #footer .sidebar-footer { margin-bottom: 30px; } .footer-copyrights, .footer-disclaimer { font-size: 14px; line-height: 20px; padding-left: 0; padding-right: 0; } } /*================================================================================================================================================ T A B L E T ( V E R T I C A L ) - #3 ==================================================================================================================================================*/ @media only screen and ( min-width: 639px ) { .top-author-pic { display: inline-block; float: none; } /* CONTENT LAYOUT */ #content-layout { width: 640px !important; } .post-single { width: 100% !important; } .post-single h1, .post-header-info, .post-header-author { padding-left: 10px !important; padding-right: 10px !important; } .sidebar-post, #stickyDiv, .widget-sharrre { width: 640px !important; } #sidebar { width: 300px !important; margin-right: auto !important; } .widget-posts-post-box a { padding: 0; font-size: 17px !important; } /* HEADER */ #header-layout-2 { display: block; } /* MOBILE NAVIGATION */ #menu-box { width: 913px; } .mobile-top-nav { float: right; } .menu-top-fixed { top: 30%; } /* SOCIAL ICONS */ .icons-social { display: block; height: 45px; } .icons-social a { font-size: 26px; padding: 10px 8px 9px 8px; } /* SEARCH FORM */ #search-form-header { max-width: 400px; margin: 2px 2px 0 0 !important; height: 41px; } #search-form-header .search-form-icon::before { padding-top: 10px; } span.search-button { display: none; } /* SECONDARY NAVIGATION */ #menu-2 { display: none; padding: 45px 0 10px 0; } /* STICKY MOBILE HEADER */ .sticky-mobile-header .logo { width: 170px; top: 4px; left: 5px; } .sticky-mobile-header .icon-button { width: 36px; height: 36px; margin-right: 12px; margin-top: 8px } .sticky-mobile-header .top-of-page-button::before { top: 5px; font-size: 26px; left: 5px; } .sticky-mobile-header .search-form-button::before { top: 5px; font-size: 27px; left: 5px; } .sticky-mobile-header .comment-button { margin-left: 30px; margin-right: 10px; } .sticky-mobile-header .comment-button::before { font-size: 28px; top: 6px; } .sticky-mobile-header .google-plus-button::before { border-radius: 50px; top: 6px; font-size: 26px; } .sticky-mobile-header .twitter-button::before { border-radius: 50px; top: 6px; font-size: 26px; } .sticky-mobile-header .facebook-button::before { border-radius: 50px; top: 7px; font-size: 27px; } .sticky-mobile-header .pinterest-button::before { border-radius: 50px; top: 6px; font-size: 36px; } .sticky-mobile-header .email-button::before { top: 6px; left: 1px; font-size: 34px; } .sticky-mobile-header .search-form-wrapper { margin: 10px 0 10px 0; } .sticky-mobile-header .search-form-wrapper #search-form-header { width: 300px; } /* HOMEPAGE */ .posts-highlighted a.post-thumb { height: 420px !important; } /* ARTICLES */ #article * { font-size: 17px; line-height: 27px; } #article { padding: 20px; } h1.post-title { font-size: 34px !important; margin-bottom: 5px; } #article h3, #tinymce h3 { font-size: 18px; } #article p, #tinymce p, .comments-intro-text { font-size: 17px; line-height: 27px; color: #555; } #article a, #tinymce a { font-size: 17px; line-height: 27px; } #article b, #article strong, #tinymce b, #tinymce strong { font-size: 17px; line-height: 27px; } #article h2, #tinymce h2 { margin-top: 0px; font-size: 24px; line-height: 35px; } #article h2 strong { font-size: 24px; } #article ul li, #tinymce ul li { font-size: 17px; line-height: 27px; background-size: 9px; padding-left: 0; color: #555; left: 20px; position: relative; } /* EBOOK / SALES BOX */ .page-template-template-sales-page .sales-box { width: 70%; margin: 0 auto; } /* INDEX PAGE */ #article .visual-index a { margin: 0 19px 10px 0; } #article .visual-index a img { width: 110px; } /* QUICKLINKS */ #quicklinks span { font-size: 17px; font-weight: 400; } /* CUSTOM STYLES */ .emphase-2, .emphase-3 { margin-left: -20px; margin-right: -20px; } /* ARCHIVE PAGES & HOMEPAGE (T4 TEMPLATE) */ .post-t4 div .post-title { font-size: 1.8em; } .post-t4 div .interview-with { display: block; } .post-t4 div .meta { width: 330px; } /* POST SIDEBAR */ .box .count { display: none } /* MAIN SIDEBAR */ .sidebar .widget_tag_cloud { display: block; } .sidebar .widget_tag_cloud .tagcloud a { display: inline-block; float: none; margin-right: 50px; } .tag-link-55 { display: none !important; } .sidebar .widget-posts { padding: 25px !important; } .sidebar .widget-posts-post-box { padding: 0 0 0 0 !important; } /* FOOTER */ #footer .widget_text { margin-bottom: 15px; } #footer-holder { padding: 10px 0; } #footer-box { padding: 0; } #footer .sidebar-footer { width: 50% !important; } } /*================================================================================================================================================ T A B L E T ( H O R I Z O N T A L ) & L A P T O P - #4 ==================================================================================================================================================*/ @media only screen and ( min-width: 959px ) { /* CONTENT LAYOUT */ #content-layout { width: 935px !important; } #content-box { padding-top: 25px; } .post-single { width: 465px !important; } .sidebar-post, #stickyDiv, .widget-sharrre { width: 120px !important; text-align: left !important; } /* HEADER */ #header-layout { background-color: #EBEBEB; } /* STICKY POSTS */ .posts-featured-wrapper { display: block; margin: 20px 25px 20px 0 !important; background-color: #FFF; } #posts-featured > div.last { margin-right: 0px !important; } .posts-featured-wrapper a.post-thumb { background-size: 100% auto; } .posts-featured-wrapper a.post-thumb:hover { background-size: 105% auto; opacity: .8; } .posts-featured-wrapper a.post-thumb::before { display: none; background-color: #999; opacity: .6; } .posts-featured-wrapper a.post-thumb h3 { display: none; } /* LOGO */ #layout #logo { margin: 13px 15px 0 15px; padding: 0; } #layout #logo img { width: auto; } /* TAGLINE */ #tagline { top: 50px; left: 59px; font-size: 18px; } /* PRIMARY NAVIGATION */ .mobile-top-nav { display: none; } #menu-box { width: auto; height: auto; padding-top: 0; top: 15px; left: 100px; } ul.menu > li > a > span.subline { display: block; } /* SOCIAL ICONS */ .icons-social { margin-left: 5px; } .icons-social a { font-family: "StrictThemes" !important; } /* CALL-TO-ACTION */ #cat-header { display: none; } /* SECONDARY NAVIGATION */ #menu-2 { display: none; } #menu-custom { display: inline-block; width: 100%; background-color: #5f8018; padding: 14px 0 6px 0; text-align: center; } ul.menu-custom { margin-left: 0; } ul.menu-custom::before { content: 'REMEDIES FOR: \00a0 '; color: #fff; } #menu-custom ul.menu-custom li { display: inline-block; } #menu-custom ul.menu-custom li.extra { display: none; } #menu-custom ul.menu-custom li:last-child a { background-color: #AED327; border: 1px solid #AED327; } #menu-custom ul.menu-custom li:last-child a:hover { padding-right: 10px; background-color: #fff; border: 1px solid #fff; color: #6F961C; } #menu-custom ul.menu-custom li a { display: inline-block; padding: 0px 5px 2px 5px; margin: 0 7px 7px 0; font-size: 16px; font-weight: 100; background-color: #6F961C; color: #fff; border-radius: 3px; border: 1px solid #fff; } #menu-custom ul.menu-custom li a:hover { background-color: #AED327; color: #fff; border: 1px solid #AED327; } /* STICKY NAVIGATION */ .menu-sticky #logo { margin: 0; top: 5px; left: 10px; } .menu-sticky #menu-box { top: 0; } /* STICKY MOBILE HEADER */ .sticky-mobile-header-wrapper { display: none; } .menu-top-fixed { display: block; position: fixed; top: 100px; right: 3px; opacity: .5; z-index: 1000; } .menu-top-fixed:hover { opacity: 1; } /* HOMEPAGE */ .posts-highlighted a.post-thumb { height: 400px !important; } /* ARCHIVE PAGES & HOMEPAGE (T4 TEMPLATE) */ .post-t4 div .post-title { font-size: 1.7em; } .post-t4 div .meta { width: 310px; } /* ARTICLES */ h1.entry-title { font-size: 46px !important; margin-bottom: 10px; } h1.post-title.trending-topic-title { line-height: 37px; } h1.post-title.trending-topic-title::before { font-size: 24px; } #article h2 { margin-top: 40px !important; } /* EBOOK PROMO CTA */ .ebook-promo-container a.button { font-size: 22px !important; } /* QUICKLINKS */ .anchor { display: block; border: 0 !important; width: 1px !important; height: 1px !important; } /* GALLERY WITH LINKS */ .sidebar-position-none .gallery-with-links a { width: 30%; margin: 0 1.5% 2% 0 !important; } /* POST FOOTER (TABS) */ #post-footer { padding-top: 50px; } /* POST SIDEBAR */ .sidebar-post .single-author-info { display: block; } .sidebar-post .widget_tag_cloud { display: block; } #stickyDiv { margin-top: 0; } /* MAIN SIDEBAR */ #sidebar { padding: 0 !important; } .sidebar .widget_nav_menu { display: block; } .sidebar .widget_nav_menu h5 { display: none; } .sidebar .widget-posts { padding: 15px !important; } .sidebar .widget-posts-post-box { text-align: left !important; } /* FOOTER */ #footer .sidebar-footer { margin-bottom: 0px; width: 25% !important; } } /*================================================================================================================================================ D E S K T O P & L A R G E D I S P L A Y S - #5 ==================================================================================================================================================*/ @media only screen and ( min-width: 1319px ) { /* CONTENT LAYOUT */ #content-layout { width: 1200px !important; } .post-single { width: 679px !important; } /* STICKY POSTS */ .posts-featured-wrapper { margin-right: 50px !important; } /* LOGO */ #logo { margin-top: 10px; } /* TAGLINE */ #tagline { top: 57px; left: 67px; } /* PRIMARY NAVIGATION */ #menu-box { top: 0; left: 100px; } /* SECONDARY NAVIGATION */ #menu-custom ul.menu-custom li.extra { display: inline-block; } /* HOMEPAGE */ .posts-highlighted a.post-thumb { height: 550px !important; } /* ARTICLES */ #article { padding: 30px; } .attachment-post-image { width: 100%; } .edit-link { display: block; position: fixed; top: 150px; right: 5px; text-align: center; line-height: 36px; font-size: 12px; letter-spacing: .2px; background-color: #fff; border: 1px solid #5f8018; border-radius: 20px; width: 35px; height: 35px; margin: 0 !important; padding: 0 !important; } .edit-link:hover { cursor: pointer; background-color: #5f8018; color: #fff; } /* CUSTOM STYLES */ .emphase-2, .emphase-3 { margin-left: -30px; margin-right: -30px; } /* ARCHIVE PAGES & HOMEPAGE (T4 TEMPLATE) */ .post-t4 div .post-title { font-size: 1.9em; } .post-t4 div .meta { width: 540px; } .post-t4 div .exerpt { display: inline-block; padding-right: 20px; } .category-interviews .post-t4 div .exerpt { display: none; } .post-t4 div .meta .ico16-tag { display: inline-block; } /* EBOOK PROMO CTA */ #article .ebook-promo-container { width: auto; padding: 5px 20px 10px 220px; margin-top: 80px; } #article .ebook-promo-container a.cover { top: -40px; left: 20px; max-width: 190px; } #article .ebook-promo-container .text, #article .ebook-promo-container .text em { font-size: 16px !important; line-height: 14px; } #article .ebook-promo-container .text .title { font-size: 25px !important; margin-bottom: 5px !important; } #article .ebook-promo-container .text strong { font-size: 18px !important; } #article .ebook-promo-container .text .no-email { display: inline-block !important; font-size: 16px !important; } #article .ebook-promo-container a.button { margin: 15px 0 5px 0 !important; } .ebook-promo-container .text, .ebook-promo-container .text em { font-size: 16px !important; line-height: 22px !important; } /* FOOTER */ #footer .sidebar-footer { margin-bottom: 0px; } #footer .sidebar-footer div { margin-top: 35px; } #footer .textwidget { margin-top: 0 !important; } .footer-copyrights, .footer-disclaimer { font-size: 13px; line-height: 16px; } }