/* Theme Name: Entrepreneurs Journey 2014
 Theme URI: http://entrepreneurs-journey.com
 Description: Custom  Design
 Theme Version: 1
 Author: Carly Black
 Author URI: http://www.thewebdesignstudio.com.au
 License: MIT  License URI: http://opensource.org/licenses/mit-license.php */
   /*------------------------------------*\ MAIN \*------------------------------------*/ /** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, block dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } ul.tick { list-style: none; margin: 40px 0 40px 30px; } .tick li { background: url(/images/tick.png) no-repeat left; padding-left: 50px; } ul.qmark { list-style: none; margin: 40px 0 40px 30px; } .qmark li { background: url(images/question-mark.png) no-repeat 0 5px; padding-left: 35px; } ul.tickbox { list-style: none; margin: 40px 0 40px 30px; } .tickbox li { background: url(/images/redtick.png) no-repeat left; padding-left: 50px; line-height: 44px } .tickbox li span.middle { line-height: normal; vertical-align: middle; display: inline-block; padding-top: 12px } .tickbox li span.nopad { padding-top: 0; line-height: normal; vertical-align: middle; display: inline-block } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* global box-sizing */ *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: optimizeLegibility; } body { background: #f4f4f4 url(images/headerbg.png) repeat-x 0 28px; font: 300 18px 'Roboto', sans-serif; color: #000; overflow-x: hidden; } /* clear */ .clearfix:after { clear: both; display: block; content: ''; } .clear { clear: both; } .col1 .posthp img, .col1 .posthp a img, .col2 .postarea img, .col2 .postarea a img { width: 100%; height: auto; vertical-align: bottom; border: none; outline: 0 } .col1 .posthp a img:hover, .col2 .postarea a img:hover { opacity: 0.8; border: none; max-width: 100%; position: relative; transform: translate3d(0px, 0px, 0px); } a { color: #00F; text-decoration: underline; } a:hover { color: #444; } a.nodec { text-decoration: none; color: #000 } p { margin: 25px 0 30px 0 } p iframe { margin: 5px 0 } input:focus { outline: 0; border: 1px solid #04A4CC; } strong { font-weight: 500 } em { font-style: italic } ul { margin: 40px 0 40px 70px; list-style: disc } ol { margin: 40px 0 40px 70px; list-style: decimal } li { margin: 20px 0 } /*------------------------------------*\ STRUCTURE \*------------------------------------*/ .top1 { background: #555555; background: -moz-linear-gradient(top, #555555 0%, #3c3c3c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #555555), color-stop(100%, #3c3c3c)); background: -webkit-linear-gradient(top, #555555 0%, #3c3c3c 100%); background: -o-linear-gradient(top, #555555 0%, #3c3c3c 100%); background: -ms-linear-gradient(top, #555555 0%, #3c3c3c 100%); background: linear-gradient(to bottom, #555555 0%, #3c3c3c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#3c3c3c', GradientType=0 ); color: #fff; height: 28px; width: 100%; } .topint { max-width: 1440px; width: 100%; margin: 0 auto; padding: 0; position: relative; height: 28px; overflow: hidden; } .topint ul { margin: 0 !important; padding: 0; list-style: none; float: right } .topint li { margin: 0 !important; padding: 0; float: left } .topint li + li:before { content: '|'; height: 28px; width: 3px; float: left } .topint a { color: #fff; padding: 0 15px; text-decoration: none; font-size: 14px; } .container { max-width: 100% } /* wrapper */ .wrapper { max-width: 1440px; width: 100%; margin: 0 auto; position: relative; } /* header */ .header { background: url(images/yaro-header.png) no-repeat right; height: 217px; max-width: 1440px; width: 100%; margin: -5px auto 0 auto; position: relative; z-index: 90; } .g { overflow: visible !important; line-height: normal !important; } #topoptin .moonray-form .moonray-form-element-wrapper, #topoptinbot .moonray-form .moonray-form-element-wrapper, .loopOptIn .moonray-form .moonray-form-element-wrapper { width: auto !important; } #topoptin, #topoptinbot, .loopOptIn { /*display: none;*/ position: relative; padding: 5px 50px 10px 50px; font-size: 90%; max-width: 1440px; clear: both; width: 100%; margin: 0 auto; background: #ffffff; background: -moz-linear-gradient(top, #ffefc4 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffefc4), color-stop(100%, #ffffff)); background: -webkit-linear-gradient(top, #ffefc4 0%, #ffffff 100%); background: -o-linear-gradient(top, #ffefc4 0%, #ffffff 100%); background: -ms-linear-gradient(top, #ffefc4 0%, #ffffff 100%); background: linear-gradient(to bottom, #ffefc4 0%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffefc4', endColorstr='#ffffff', GradientType=0 ); overflow: hidden } #topoptin #close2, #topoptinbot #close3, .loopOptIn .loopOptInClose, .loopOptInClose { position: absolute; top: 10px; right: 10px; text-decoration: none; width: auto; color: #000; text-transform: uppercase } #topoptin .contain, #topoptinbot .contain, .loopOptIn .contain { background: none; border: none; padding: 10px 0; width: 60%; margin: 0 auto } #topoptin .containbuysell, #topoptinbot .containbuysell, .loopOptIn .containbuysell { background: none; border: none; padding: 10px 0; max-width: 850px; width: 100%; margin: 0 auto; position: relative } .buysellpic { background: url(images/buysell.png); width: 246px; height: 136px; position: absolute; right: 0; bottom: -10px } #topoptin .containtraffic, #topoptinbot .containtraffic, .loopOptIn .containtraffic { background: none; border: none; padding: 10px 0; max-width: 590px; width: 100%; margin: 0 auto; position: relative; text-align: right } .trafficpic { background: url(images/traffic.png); width: 370px; height: 184px; position: absolute; left: -280px; top: 12px; background-size: cover } #topoptin .containmindset, #topoptinbot .containmindset, .loopOptIn .containmindset { background: none; border: none; padding: 10px 0; max-width: 900px; width: 100%; margin: 0 auto; position: relative; text-align: center; /*	margin-top:29px;*/ } .mindsetpic { background: url(images/mindsetpic.png); width: 198px; height: 190px; position: absolute; left: -150px; top: 0px; background-size: cover } #topoptin .containinterviews, #topoptinbot .containinterviews, .loopOptIn .containinterviews { background: none; border: none; padding: 10px 0; max-width: 900px; width: 100%; margin: 0 auto; position: relative; text-align: center; /*	margin-top:29px;*/ } .interviewspic { background: url(images/podcast-faces.png) no-repeat; width: 198px; height: 156px; position: absolute; left: -82px; top: 9px; background-size: contain; } #topoptin .head, #topoptinbot .head, .loopOptIn .head { font-size: 40px; margin: 5px 0; font-weight: 400 } #topoptin .containbuysell .head, #topoptinbot .containbuysell .head, .loopOptIn .containbuysell .head { font-size: 36px; } #topoptin .containinterviews .head, #topoptinbot .containinterviews .head, .loopOptIn .containinterviews .head { font-size: 36px; margin: 0 auto } #topoptin .containtraffic .head, #topoptinbot .containtraffic .head, .loopOptIn .containtraffic .head { font-size: 44px; } #topoptin .subhead, #topoptinbot .subhead, .loopOptIn .subhead { font-size: 22px; margin: 5px 0 15px; font-weight: 400 } #topoptin .containbuysell .subhead, #topoptinbot .containbuysell .subhead, .loopOptIn .containbuysell .subhead { font-size: 23px; } #topoptin .containtraffic .subhead, #topoptinbot .containtraffic .subhead, .loopOptIn .containtraffic .subhead { font-size: 26px; } #topoptin .free, #topoptinbot .free, .loopOptIn .free { background: url(images/its-free.png) no-repeat left top; padding-left: 100px; margin-left: 150px; min-height: 50px } #topoptin .containbuysell .free, #topoptin .containtraffic .free, #topoptinbot .containbuysell .free, #topoptinbot .containtraffic .free, .loopOptIn .containbuysell .free, .loopOptIn .containtraffic .free { margin-left: 0px } #topoptin .free:after, #topoptinbot .free:after, .loopOptIn .free:after { clear: both; display: block; content: '' } #topoptin img, #topoptinbot img, .loopOptIn img { height: 150px } /* logo */ .logo { margin: 10px 0 0 0; max-height: 119px; width: auto; vertical-align: middle; z-index: 400 } .yarostory { float: right; margin: 40px 273px 0 0; max-width: 223px; max-height: 77px; background: url(images/read-my-story-bg.png) no-repeat; background-size: cover; } .yarostory a { color: #fff; text-align: center; display: block; text-decoration: none; text-transform: uppercase; line-height: 56px; font-size: 18px; font-weight: 400; padding: 0 40px 18px 40px; z-index: 500 } .yarostory a:hover { opacity: 0.8 } /* nav */ .padtop { padding-top: 5px } .nav { background: url(images/navbg.jpg) repeat-x; max-height: 57px; margin: 0px -50%; padding: 0 50%; z-index: 1000; position: absolute; bottom: 23px; left: 0; right: 0; } .nav-container { max-width: 1440px; margin: 0 auto } img.navlog { display: none } .nav.past-main { background-color: #fff; color: #444; top: 0; position: fixed; z-index: 999999 !important; margin: 0px -50%; padding: 0 50%; } .nav.past-main img.navlog { display: block; float: left; padding: 8px 0 0 5px; transition: all 0.25s ease; } nav { margin: 0px; padding: 0px } nav a#pull { display: none; } nav ul { list-style: none; margin: 0px 0 0 -20px; padding: 0px; position: relative; } nav ul li { margin: 0; padding: 0 } nav li { float: left; list-style: none; line-height: 57px } nav li + li:before { content: url(images/nav-sep.png); height: 57px; width: 3px; float: left } nav a { font: 18px 'Roboto', sans-serif; font-weight: 300; color: #fff; text-decoration: none; padding: 20px; text-transform: uppercase; } nav #menu-item-15145 a { font-size: 0; background: url(images/search.png) no-repeat 20px 5px } nav a:hover { color: #33ccff } nav li.current_page_item a { color: #33ccff } nav li.current_page_item .sub-menu a { color: #000 } nav li.current_page_item .sub-menu a:hover { color: #0093cf } nav .sub-menu li.current_page_item a { color: #0093cf } .current_page_ancestor a, .current_page_parent a { color: #F90; } /* sidebar */ #sidebar { float: right; width: 30%; } #sidebar img { max-width: 100%; height: auto } /* footer */ #footer { clear: both; font-size: 16px; font-weight: 300 } /* footer */ .social { max-width: 1000px; width: 100%; color: #000; text-align: right; padding: 0px; margin: 20px auto 0 auto; font-size: 85% } .social p { margin: 5px 0; padding: 0 } footer { background: #555555; background: -moz-linear-gradient(top, #555555 0%, #3c3c3c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #555555), color-stop(100%, #3c3c3c)); background: -webkit-linear-gradient(top, #555555 0%, #3c3c3c 100%); background: -o-linear-gradient(top, #555555 0%, #3c3c3c 100%); background: -ms-linear-gradient(top, #555555 0%, #3c3c3c 100%); background: linear-gradient(to bottom, #555555 0%, #3c3c3c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#3c3c3c', GradientType=0 ); color: #fff; position: relative; height: 47px; padding: 10px 0; } .footer { max-width: 1000px; width: 100%; color: #fff; margin: 0 auto; font-size: 80%; position: relative } #footer { text-align: center } .footerlogo { position: absolute; top: -17px; left: -5px; } .copyright { text-align: center; margin: 0; padding: 5px 0 0 0; } .footlinks { position: absolute; right: 0px; top: 5px; } .footlinks a { color: #fff; text-decoration: none } .arrow { position: absolute; bottom: -16px; right: -60px } article:after { clear: both; content: ''; display: block } .footcontain { margin: 0px -150px; } /*body.single .footoptincont:before { content: ''; background: background: #ffffff; background: -moz-linear-gradient(top,  #ffffff 0%, #f9f9f9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f9f9f9)); background: -webkit-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%); background: -o-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%); background: -ms-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%); background: linear-gradient(to bottom,  #ffffff 0%,#f9f9f9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); height: 50px; display: block; margin: 0px ; border-bottom: 1px solid #efefef; }*/ .footcontain .footoptincont { border-radius: 0px; box-shadow: 0 0 0 0; } .footcontain .footoptincont { width: 100%; margin: 0px } .footoptincont { margin: 40px auto; box-shadow: 0 0 7px 0 #999; border-radius: 5px; max-width: 1440px; overflow: hidden } .footoptin { box-shadow: 0 0 7px 0 #999; border-radius: 5px; padding: 5px 50px 10px 50px; font-size: 90%; max-width: 1440px; clear: both; width: 100%; margin: 40px auto; background: #ffffff; background: -moz-linear-gradient(top, #ffefc4 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffefc4), color-stop(100%, #ffffff)); background: -webkit-linear-gradient(top, #ffefc4 0%, #ffffff 100%); background: -o-linear-gradient(top, #ffefc4 0%, #ffffff 100%); background: -ms-linear-gradient(top, #ffefc4 0%, #ffffff 100%); background: linear-gradient(to bottom, #ffefc4 0%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffefc4', endColorstr='#ffffff', GradientType=0 ); } .footoptin .contain3 { background: none; border: none; padding: 10px 0; width: 75%; margin: 0 auto } .footoptin:after, #topoptin:after, #topoptinbot:after, .loopOptIn:after { clear: both; content: ''; display: block } .footoptin .head { font-size: 30px; margin: 5px 0; font-weight: 400 } .footoptin .subhead { font-size: 18px; margin: 5px 0 15px; font-weight: 400 } .footoptin input[type=email], #topoptin input[type=email], #topoptinbot input[type=email], .loopOptIn input[type=email] { width: 300px !important; margin-right: 7px !important; padding: 10px !important; font-size: 130% !important; } .footoptin input[type=submit], #topoptin input[type=submit], #topoptinbot input[type=submit], .loopOptIn input[type=submit] { font-size: 130% !important; background: #005898 !important; background: -moz-linear-gradient(top, #005898 0%, #4ea3e5 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #005898), color-stop(100%, #4ea3e5)) !important; background: -webkit-linear-gradient(top, #005898 0%, #4ea3e5 100%) !important; background: -o-linear-gradient(top, #005898 0%, #4ea3e5 100%) !important; background: -ms-linear-gradient(top, #005898 0%, #4ea3e5 100%) !important; background: linear-gradient(to bottom, #005898 0%, #4ea3e5 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005898', endColorstr='#4ea3e5', GradientType=0 ) !important; color: #fff !important; width: 180px !important; padding: 10px !important; } .footoptin .alignleft, #topoptin .alignleft, #topoptinbot .alignleft, .loopOptIn .alignleft { margin-right: 30px } .footoptin2 { box-shadow: 0 0 7px 0 #999; border-radius: 5px; padding: 5px 20px 10px 20px; font-size: 90%; max-width: 1000px; clear: both; width: 100%; margin: 40px auto; background: #ffffff; background: -moz-linear-gradient(top, #ffefc4 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffefc4), color-stop(100%, #ffffff)); background: -webkit-linear-gradient(top, #ffefc4 0%, #ffffff 100%); background: -o-linear-gradient(top, #ffefc4 0%, #ffffff 100%); background: -ms-linear-gradient(top, #ffefc4 0%, #ffffff 100%); background: linear-gradient(to bottom, #ffefc4 0%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffefc4', endColorstr='#ffffff', GradientType=0 ); } .footoptin2:after { clear: both; content: ''; display: block } .footoptin2 .head { font: 160% 'robotolight', sans-serif } .footoptin2 input[type=email] { width: 300px; margin-right: 7px; padding: 10px; font-size: 130% } .footoptin2 input[type=submit] { font-size: 130%; background: #005898; background: -moz-linear-gradient(top, #005898 0%, #4ea3e5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #005898), color-stop(100%, #4ea3e5)); background: -webkit-linear-gradient(top, #005898 0%, #4ea3e5 100%); background: -o-linear-gradient(top, #005898 0%, #4ea3e5 100%); background: -ms-linear-gradient(top, #005898 0%, #4ea3e5 100%); background: linear-gradient(to bottom, #005898 0%, #4ea3e5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005898', endColorstr='#4ea3e5', GradientType=0 ); color: #fff; width: 180px; padding: 10px } .footoptin2 .alignleft { margin-right: 30px } /*------------------------------------*\ PAGES \*------------------------------------*/ /* HP Sections */ .contain { max-width: 1440px; width: 100%; margin: 0 auto; position: relative; z-index: 2; } .col1 { width: 100%; min-width: 320px; margin-right: -670px; padding-right: 670px; float: left; -webkit-box-shadow: 0 0 7px 0 #ccc; -moz-box-shadow: 0 0 7px 0 #ccc; box-shadow: 0 0 7px 0 #ccc; } body.archive .col1 { width: 100%; min-width: 320px; margin-right: 0; padding-right: 0; margin: 0 auto; float: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .col1 .optinbl { background: url(images/optinbgcol1.png) repeat-x; background-size: contain; padding: 1px 0 10px 0 } .col1 .optinbl:after { clear: both; display: block; content: '' } .col1 .optinbl .alignleft { margin: 10px 15px } .col1 .optinbl p.large { font-size: 30px; color: #fff; padding: 5px 0 15px 0; max-width: 750px } .col1 .optinbl p.small { font-size: 16px; color: #fff; margin: 10px 0; padding: 0; max-width: 650px } .col1 .optinbl input[type=email] { border-radius: 5px; padding: 8px; margin-right: 10px; max-width: 320px; width: 100%; float: left; font-size: 20px } .col1 .optinbl input[type=submit] { border-radius: 5px; padding: 8px; max-width: 120px; width: 100%; float: left; font-size: 20px } .col2 { width: 320px; float: left; margin: 0 15px; } .col3 { width: 320px; float: left; -webkit-box-shadow: 0 0 7px 0 #ccc; -moz-box-shadow: 0 0 7px 0 #ccc; box-shadow: 0 0 7px 0 #ccc; } .col1 h2 { margin: 5px 0 15px 0 !important; line-height: normal !important } .postcont { background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f9f9f9)); background: -webkit-linear-gradient(top, #ffffff 0%, #f9f9f9 100%); background: -o-linear-gradient(top, #ffffff 0%, #f9f9f9 100%); background: -ms-linear-gradient(top, #ffffff 0%, #f9f9f9 100%); background: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0 ); padding: 20px 30px; border-bottom: 1px solid #efefef; } body.single .postcont { background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f9f9f9)); background: -webkit-linear-gradient(top, #ffffff 0%, #f9f9f9 100%); background: -o-linear-gradient(top, #ffffff 0%, #f9f9f9 100%); background: -ms-linear-gradient(top, #ffffff 0%, #f9f9f9 100%); background: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0 ); padding: 20px 30px; border-bottom: 1px solid #efefef; border-left: 1px solid #efefef; border-right: 1px solid #efefef; } .postimg { width: 100%; height: auto } .postimg img { max-width: 100%; height: auto; } .col1int .postarea { position: relative; max-width: 600px; margin: 0 auto; max-height: 336px; height: auto; overflow: hidden; } img.topminus { margin-top: -57px; margin-bottom: -57px; max-width: 600px; width: 100%; height: auto } .col1int .postarea .play { position: absolute; top: 45%; left: 45%; width: auto; height: auto; } .col2 .postarea { -webkit-box-shadow: 0 0 7px 0 #ccc; -moz-box-shadow: 0 0 7px 0 #ccc; box-shadow: 0 0 7px 0 #ccc; margin-bottom: 25px } .col2 .postcont { background: #fff url(images/podcast.png) no-repeat bottom right } .col3 .postarea { box-shadow: 0 3px 5px -3px #ccc; margin-bottom: 30px; position: relative } .col3 .postimg { height: 180px; overflow: hidden } .col3 img.topminusm { margin-top: -30px; } .col3 .postarea .play { position: absolute; top: 70px; left: 120px } .col3 .adarea { margin-bottom: 30px; position: relative } /* popular posts */ .ppcont { float: left; width: 655px; margin: 0 0 25px 15px; -webkit-box-shadow: 0 0 7px 0 #ccc; -moz-box-shadow: 0 0 7px 0 #ccc; box-shadow: 0 0 7px 0 #ccc; background: #fff } /* tabs */ .tabs { width: 100%; display: inline-block; } /*----- Tab Links -----*/ /* Clearfix */ .tab-links:after { display: block; clear: both; content: ''; } ul.tab-links { margin: 0; padding: 0; } .tab-links li { margin: 0px; float: left; list-style: none; width: 218px; text-align: center; } .tab-links a { padding: 5px 15px; display: inline-block; background: #efefef; font-size: 16px; color: #000; transition: all linear 0.15s; text-decoration: none; width: 100% } .tab-links a:hover { background: #f9f9f9; text-decoration: none; } li.active a, li.active a:hover { background: #fff; color: #000; } /*----- Content of Tabs -----*/ .tab-content { padding: 15px 10px 0 10px; background: #fff; } .innerheight { height: 210px !important; overflow: hidden } .tab { display: none; } .tab.active { display: block; } .arthold { float: left; width: 180px; margin: 0 15px; line-height: 17px; } .arthold a { text-decoration: none; color: #000; font-size: 14px } .artcont:after { display: block; content: ''; clear: both; } .arthold .wpp-thumbnail { display: block; margin: 0 auto; float: none; width: 180px; height: 90px } .wpp-thumbnail img { width: 180px; height: 90px } .artimg { height: 90px; overflow: hidden } .artimg img { max-width: 180px; width: 100% } img.topminus2 { margin-top: -20px; margin-bottom: -20px; } .arthold p { margin: 10px 0 } h3.centertitle { text-align: center; background: #fff; font-size: 16px; -webkit-box-shadow: 0 0 7px 0 #ccc; -moz-box-shadow: 0 0 7px 0 #ccc; box-shadow: 0 0 7px 0 #ccc; padding-bottom: 50px; margin-bottom: -45px; padding-top: 5px; font-weight: 500 } body.home p.right { text-align: right; margin: 15px 0; font-size: 14px; font-style: italic; font-weight: 500 } /* end */ /* page template */ .contleftpage { float: left; width: 65% } .contleftpage .col1int { margin-top: 0 } .contleftpage .col1int .postcont { padding: 0 30px 20px; margin-bottom: 50px; } .contleftpage .col1int .postcont h2 { margin: 0 0 25px } body.page .contain, body.category .contain, body.error404 .contain { background: #fff; border: 1px solid #ccc; padding: 40px 150px; font-size: 22px; margin: 0 auto; width: 98% } body.page .contain:after, body.category .contain:after, body.error404 .contain:after { clear: both; content: ''; display: block } body.page-template-page-full-php .contain { background: #fff; border: 1px solid #ccc; padding: 3% 150px; font-size: 22px; margin: 0 auto; width: 98% } body.page-template-page-full-nopad-php .contain { background: #fff; border: 1px solid #ccc; padding: 3% 0; font-size: 22px; margin: 0 auto; width: 98% } body.page-template-page-full-nopad-php .contain img { width: 100% } .colcont:after { display: block; content: ''; clear: both } .colcont .colright { float: right; } .colcont .colleft { float: left; margin-right: -110px; padding-right: 110px; max-width: 1000px; width: 100% } .half { float: right; width: 48% } .fiftyl { width: 55%; float: left; } .fiftyr { width: 37%; float: right; text-align: center!important } .fiftyr img { margin: 0 auto; display: block; float: none } .fiftyr h2 { margin-top: 0; clear: both; font-size: 32px } .fiftyr div:after { clear: both; border-bottom: 1px solid #efefef; margin-bottom: 30px; content: ''; display: block } /* single pages */ .entryright, .commright { float: right; max-width: 925px; width: 100%; } .entryright h3 { font-size: 28px !important } .entryleft { float: left; width: 150px; padding: 20px 30px 0 0; position: relative; margin-right: -30px } .entryleft .meta img { display: inline-block; margin: -5px 5px 0 0px; } .entryleft #like-buttons { max-width: 140px; right: 10px; top: 10px; } .entryleft #like-buttons div { float: left; height: 80px; width: 60px; } .entryleft .author { margin: 10px 0 5px 0 } .commenttxt { margin: 5px 0; background: url(images/comment.png) no-repeat left bottom; padding-left: 25px; } body.home .commenttxt { margin-left: 15px; } .singlefoot { clear: both; padding-top: 30px; } .singlefoot:after { clear: both; display: block; content: ''; } .tags { line-height: 15px; float: left; width: 13%; padding-top: 25px; } .tags a { font-size: 13px !important; color: #333; } .tags p { margin: 0 0 10px 0; padding: 0; font-weight: 300; font-size: 18px } .commright h3 { font-size: 18px; } body.single .contain, body.archive .contain { background: #fff; border: 1px solid #ccc; padding: 40px 150px; font-size: 22px; width: 98%; margin: 0 auto } /*body.single .post-container:after { content: ''; background: background: #f9f9f9; background: -moz-linear-gradient(top,  #f9f9f9 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top,  #f9f9f9 0%,#ffffff 100%); background: -o-linear-gradient(top,  #f9f9f9 0%,#ffffff 100%); background: -ms-linear-gradient(top,  #f9f9f9 0%,#ffffff 100%); background: linear-gradient(to bottom,  #f9f9f9 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ffffff',GradientType=0 ); height: 50px; display: block; margin: 0px -150px 75px -150px; border-top: 1px solid #efefef; }*/ .contain2 { box-shadow: inset 0px 40px 40px -40px #dbdbdb; max-width: 1440px; width: 100%; margin: 0 auto; position: relative; z-index: 2; background: #fff } body.single .contain2 { padding: 40px 150px; font-size: 22px; width: 98%; margin: 0 auto; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } .authorarea img { margin: 10px auto 0 auto; padding: 5px; display: block; border: 1px solid #ddd; width: 100% !important; max-height: 150px; height: auto; overflow: hidden } .yarohold { width: 55%; padding: 0 20px 0 5px; font-size: 14px; float: left } .yarohold:after { content: ''; display: block; clear: both } .socialhold { width: 45%; float: left; padding: 0 10px 0 20px; border-left: 1px solid #ddd; } .fifty { width: 48%; float: left; font-size: 14px; margin: 5px 1% 0 1% } .fifty404 { width: 48%; float: left; font-size: 16px; margin: 5px 1% 0 1% } .fifty2 { width: 48%; float: left; font-size: 14px; margin: 5px 1% 0 1%; border-left: 1px solid #ddd; padding: 0 0px 15px 25px; min-height: 130px } .fourty { width: 38%; float: left; font-size: 14px; margin: 5px 1% 0 1%; } .sixty { width: 58%; float: left; font-size: 14px; margin: 5px 1% 0 1%; } .linkd, .googlep, .fb, .pint, .insta, .twit { margin: 5px 2px; width: 160px; height: 25px; } .fb { width: 160px; } .padtop2 { float: left; margin-right: 10px; } .padtop { padding-top: 2px; float: left; margin-right: 10px; } p.sharetit { font-size: 22px; padding: 0; margin: 0; font-weight: 400 } p.sharetit2 { font-size: 20px; padding: 0; margin: 15px 0 10px 0 !important; font-weight: 400 } .commenttxt a { text-decoration: none } .stickit { margin-left: 660px; position: fixed; top: 0; } .stickit-end { bottom: 40px; position: absolute; right: 0; } /* newsletters */ .contleft { float: left; width: 65% } h2.bluebg { font-size: 36px; padding: 15px 0px 15px 20px; background: #2d84cb; background: -moz-linear-gradient(top, #2d84cb 0%, #10629e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2d84cb), color-stop(100%, #10629e)); background: -webkit-linear-gradient(top, #2d84cb 0%, #10629e 100%); background: -o-linear-gradient(top, #2d84cb 0%, #10629e 100%); background: -ms-linear-gradient(top, #2d84cb 0%, #10629e 100%); background: linear-gradient(to bottom, #2d84cb 0%, #10629e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d84cb', endColorstr='#10629e', GradientType=0 ); color: #fff; margin: 40px 0 0 0 } .postcont img.aligncenter { width: auto !important } .contleft h3 { font-size: 36px; margin: 60px 0 15px 0 } .contleft .postcont { padding-bottom: 30px; border-left: 1px solid #efefef; border-right: 1px solid #efefef } .contright { float: right; width: 27%; margin-top: 40px } .contright .col1nl .postcont { padding: 20px 0 0 0; background: #fff } .contright .col1nl .postcont h3 { margin: 5px 0; } table.newsletter, table.main-box { width: 652px !important; } table.content-area td { padding: 10px; border: none } table.newsletter img.header, table.main-box img.header { margin: 0; padding: 0 } table.newsletter .header, table.main-box .header { background: none } /* Author Box ------------------------------------------------------------ */ .author-box { display: block; width: auto; height: auto; clear: both; margin: 20px auto 10px; font-size: 16px; padding: 10px; border-top: solid 1px #DDD; border-bottom: solid 1px #DDD; position: relative; text-align: left; z-index: 10; } .author-box:after { clear: both; content: ''; display: block } .atitle { font-size: 22px; font-weight: normal; padding: 0px 5px 5px 60px; } .author-box img { border: solid 1px #DDD; position: absolute; z-index: 15; display: block; background: #fff; padding: 1px; top: -15px; left: -15px; } .author-box .linkd img, .author-box .pint img, .author-box .insta img, .author-box .twit img { position: relative; top: 0; left: 0; border: none; background: none; padding: 0 } .author-box p { margin: 10px 0; } .author-box .avatar { border-radius: 50% } .author-section { width: auto; height: auto; clear: both; overflow: hidden; margin: 10px auto 0; padding: 20px 0; position: relative; border-top: dotted 1px #CCC; } .author-section h3 { margin-bottom: 0; clear: none; } .author-section .author-image { width: 120px; float: left; } .author-section .author-info-right { width: 424px; float: left; } .author-section .author-post-count { width: 60px; float: right; text-align: center; font-size: 24px; line-height: 26px; padding: 5px; position: absolute; top: 10px; right: 0; } .author-section .author-post-count a { color: #000; text-decoration: none; } .author-section .author-post-count span { display: block; font-size: 12px; line-height: 16px; text-transform: uppercase; } .author-section .more-link { margin: 20px 0 0; padding: 1px 0 0; text-align: right; } /*------------------------------------*\ IMAGES \*------------------------------------*/ /*------------------------------------*\ TYPOGRAPHY \*------------------------------------*/ h1 { font-size: 50px; line-height: normal; margin: 5px 0 20px 0; } h1.pagetitle { font-weight: 400; text-align: center } h2 { font-size: 40px; line-height: normal; margin: 55px 0 25px 0 } h3 { font-size: 18px; line-height: 26px; } h1 a, h2 a, h3 a { color: #000; text-decoration: none } h2 a:hover, h3 a:hover { color: #444 } p.right { text-align: right; margin: 15px 0 } .center { text-align: center } /* comments */ #comments ul { margin: 0 } #comments h3 { font-size: 24px; font-weight: 400 } li.comment { background: #fff; list-style: none; } .comment-body { margin: 20px 0; position: relative } .comment-body:after { clear: both; content: ''; display: block } .comment-body .avatar { float: left; margin-right: 15px; width: 60px; height: auto; border-radius: 50% } .comment-body .comment-author { font: 26px 'robotolight', sans-serif; color: #777; } .comment-body .comment-author a { text-decoration: none; color: #777 } .comment-body .comment-author a:hover { color: #333 } span.fn { padding-top: 10px; display: block } .comment-body .comment-author:after { clear: both; content: ''; display: block } .comment-body .comment-meta { font-size: 12px; text-align: right; } .comment-body .comment-meta a { color: #999 } .comment-body .comment-meta a:hover { color: #F90 } .comment-content { background: #fff; clear: both; border: 1px solid #efefef; padding: 5px 20px; margin: 5px 0px 0 0px; font-size: 18px } .reply { font: 18px 'robotolight', sans-serif; padding: 5px 10px; text-align: right; } .reply a { color: #F90; text-decoration: none; } .reply a:hover { text-decoration: underline } .comment-rules { width: auto; height: 90px; margin: 0 10px 0 0; font-size: 16px; font-style: italic } .comment-notes { font-size: 16px; } #comment { width: 100% } #commentform label { width: 70px !important; display: inline-block; font-size: 16px; } #commentform input[type=text] { margin-left: 10px; } #commentform p { margin: 5px 0; padding: 0; line-height: normal; clear: both } .subscribe-to-comments label { min-width: 320px !important } .form-allowed-tags { font-size: 14px } .logged-in-as { font-size: 16px; } #commentform .subscribe-to-comments label { width: auto } ul .children .comment-content { background: #f9f9f9; margin-left: 50px; } #commentform #nsu-checkbox label { clear: both; width: 500px !important; display: block !important; } #comments button { background: none; border: none; font-size: 26px; margin: 10px auto; display: block; color: #00F; outline: none; text-decoration: underline } #comrespond { width: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .leave_comment_section { margin: 40px 0 0 0 } #respond { margin-bottom: 50px; } .leave_comment_section h3 { margin-bottom: 20px; color: #555 } .leave_comment_section h3.comment-reply-title { font-size: 22px !important; margin: 0 0 20px 0; color: #555 } h3#reply-title small { font-size: 16px; float: right; } h3#reply-title { margin-bottom: 20px; } .leave_comment_section h3.comment-reply-title a { color: #00F } .pingback { display: none } .meta { font-size: 14px; font-weight: 500; margin: 0px 0 30px 0 } .meta .block { display: inline-block } .meta img { display: inline-block; margin: -5px 5px 0 15px; } .meta a { color: #999 !important; font-weight: 400 } .widget_recent_entries h4 { font-weight: 400 } .widget_recent_entries ul { margin: 0 0 20px 0; padding: 0; list-style: none; font-size: 16px; } li.crpw-item { list-style: none; margin: 0; padding: 20px 0; border-bottom: 1px solid #efefef } .crpw-item a { color: #000; text-decoration: none } /*------------------------------------*\ MISC \*------------------------------------*/ ::selection { background: #04A4CC; color: #FFF; text-shadow: none; } ::-webkit-selection { background:#04A4CC; color:#FFF; text-shadow:none; } ::-moz-selection { background:#04A4CC; color:#FFF; text-shadow:none; } /* slideout FB box  #slidebox { width: 320px; display: none; height: 200px; padding: 0px; background-color: #fff; position: fixed; bottom: 20px; left: -360px; -moz-box-shadow: 1px 0px 6px #555; -webkit-box-shadow: 1px 0px 6px #555; box-shadow: 1px 0px 6px #555; color: #fff; border-top-right-radius: 5px; border-bottom-right-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-top-right-radius: 5px; -moz-border-bottom-right-radius: 5px; z-index: 9999; } #slidebox p { font-size: 18px; margin: 10px 0; } #slidebox h3 { font-size: 24px; margin: 20px 0px 0px 0px; font-weight: 700 } #slidebox p.close a { color: #fff !important; position: absolute; top: 5px; right: 10px; text-decoration: none; font-size: 12px; } #slidebox .bluebox { background: #1365a1; padding: 10px; width: 100%; border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; } #slidebox .fbleft { overflow: hidden; float: left; margin: 10px 0 0 5px;} #slidebox .yarophoto { float: left; width: 80px; } #slidebox .yarophoto img { margin: 10px auto 0 auto; padding: 1px; display: block; border: 1px solid #ddd; width: 70px; height: 70px; border-radius: 35px }*/ .aboutright, .aboutright2 { width: 65%; float: right; } .aboutright2 ol { margin-top: -10px } .aboutleft { float: left; width: 30%; text-align: center } .aboutleft img { width: 100%; height: auto } .socialabout { text-align: center } .socialabout img { margin: 0 5px } .socialabout a:hover { opacity: 0.8 } .tm-click-to-tweet .tm-ctt-text a { margin: 0; padding: 0; position: relative; color: #000 !important; font-size: 24px; line-height: 140%; text-transform: none; letter-spacing: 0.05em; font-weight: 100; text-decoration: none; } .tm-click-to-tweet .tm-ctt-text a:hover { text-decoration: none; color: #999 !important; } .adboxes { width: 275px; } .adboxes img { padding: 5px; } .fb_iframe_widget { display: inline-block; position: relative; vertical-align: top !important; } /*------------------------------------*\ WORDPRESS CORE \*------------------------------------*/ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 30px auto 25px auto; } .contleftpage img.aligncenter, .entryright img.aligncenter, body.page-id-15597 .entry img.aligncenter { width: 100%; height: auto } img.aligncenter2 { width: auto !important; max-width: 100%; height: auto; margin: 10px auto; display: block } .alignright { float: right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } .wp-caption { background: #FFF; max-width: 96%; padding: 10px; text-align: center; box-shadow: 0 0 5px 0 #ccc; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0 0 5px 0; max-width: 98.5%; padding: 0; width: auto; box-shadow: 0 0 5px 0 #ccc; } .wp-caption .wp-caption-text, .gallery-caption { font-size: 16px; line-height: normal; margin: 0; padding: 0 4px 5px; } body.page-id-3187 p.wp-caption-text { font-size: 26px; font-weight: normal; text-align: center; padding: 10px } .sticky { } .bypostauthor { } .button, select, textarea, .breadcrumb, .sticky, .taxonomy-description, .wp-caption { padding: .5em; background-color: #FFF; border: 1px solid #CCC; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } input { padding: .5em; border: 1px solid #CCC; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } blockquote.narrow { max-width: 400px; text-align: center } blockquote, blockquote.testimonial { width: 80%; clear: both; position: relative; margin: 5px auto 10px auto; padding: 5px 20px 10px 20px; quotes: "\201C" "\201D"; } blockquote.compact { max-width: 60% } blockquote.wide { margin: 5px -50px 10px -50px; width: auto; clear: both; position: relative; padding: 5px 20px 10px 20px; quotes: "\201C" "\201D"; } blockquote.testimonial { margin: 0 auto 80px auto; } blockquote.testimonial img { border-radius: 50%; width: 150px; height: 150px; border: 1px solid #efefef; margin-right: -80px; } blockquote p, blockquote.wide p { font-size: 24px } blockquote.testimonial p { font-size: 24px; font-style: italic; } blockquote.testimonial p strong { font-style: normal !important } blockquote:before, blockquote:after, blockquote.testimonial:before, blockquote.testimonial:after, blockquote.wide:before, blockquote.wide:after { width: 40px; position: absolute; font-size: 100px; font-family: "Times New Roman", Times, serif; opacity: 0.2; filter: alpha(opacity=20); /* For IE8 and earlier */ } blockquote:before, blockquote.testimonial:before, blockquote.wide:before { content: open-quote; top: -10px; left: -40px; } blockquote:after, blockquote.testimonial:after, blockquote.wide:after { content: close-quote; bottom: -50px; right: -15px; } /* Carried over styles */ .johnsonbox.pdcst p { font-size: 20px !important; font-weight: 300; text-align: center } .johnsonbox.pdcst h3 { font-size: 26px; font-weight: 400; padding-top: 14px; text-align: center } .johnsonbox { font-size: 22px; width: 85%; margin: 0 auto; margin-bottom: 20px; padding: 0px 15px; border: solid 1px #DDD; background-color: #FFFFDE; } .johnsonbox.grey { background: #efefef; } .johnsonbox.blue { background: #f0f9ff; background: -moz-linear-gradient(top, #f0f9ff 0%, #cbebff 47%, #a1dbff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f9ff), color-stop(47%, #cbebff), color-stop(100%, #a1dbff)); background: -webkit-linear-gradient(top, #f0f9ff 0%, #cbebff 47%, #a1dbff 100%); background: -o-linear-gradient(top, #f0f9ff 0%, #cbebff 47%, #a1dbff 100%); background: -ms-linear-gradient(top, #f0f9ff 0%, #cbebff 47%, #a1dbff 100%); background: linear-gradient(to bottom, #f0f9ff 0%, #cbebff 47%, #a1dbff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#a1dbff', GradientType=0 ); } .johnsonbox p { font-size: 22px; margin: 25px 0; } .johnsonbox.optin { width: 40%; } .johnsonbox.optin .form-row { margin: 5px 0; } .johnsonbox.optin input { border: solid 1px #333; } .johnsonbox.optin input.button { margin: 10px 0; padding: 4px; background: #06C; border: solid 1px #333; color: #FFF; cursor: pointer; } .johnsonbox.optin input.button:hover { background: #09C; } .optin-box { width: 400px; margin: 10px auto 20px; padding: 20px; position: relative; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.03) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.03))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.03) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.03) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.03) 100%); /* IE10+ */ background: linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.03) 100%); /* W3C */ border: 2px dashed #CCC; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 0.8); -moz-box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 0.8); box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 0.8); } .optin-box.yellow { background: #FFFFCE; } .optin-box.wide { width: 90%; height: auto; overflow: hidden; } .optin-box h3, .optin-box p { text-align: center; } .optin-box h3 { font-size: 26px; } .optin-box .form-row { margin: 0 20px 10px 0; clear: both; } .optin-box.wide .form-row { width: 360px; clear: none; float: left; } .optin-box label, .optin-box input { width: 100%; display: block; clear: both; } .optin-box.wide input { width: 340px; } .optin-box.wide label { display: none; } .optin-box button { width: auto; margin: 0 auto; } .optin-box.wide button { float: right; } body.page-id-3187 .contain { } body.page-id-3187 h2 { clear: none !important; } body.page-id-3187 .clear-right, body.page-id-3187 .clear-right p, body.page-id-3187 .clear-right h2 { clear: right; } body.page-id-3187 .clear-right .clear-block { clear: both; } body.page-id-3187 .clear-right.width-570 { width: 63%; float: none; clear: both; margin: 0 auto; } body.page-id-3187 .clear-left, body.page-id-3187 .clear-left p, body.page-id-3187 .clear-left h2 { clear: left; } body.page-id-3187 .clear-right.space-top-bottom { padding: 40px 0; } body.page-id-3187 .center-text-block { width: 600px; margin: 0 auto; clear: both; position: relative; top: -40px; } body.page-id-3187 .johnsonbox h1 { font-size: 30px } body.page-id-3187 .johnsonbox { width: auto; margin: 15px auto 20px; padding: 15px; background: #FAFAFA; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #fafafa 36%, #fafafa 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(36%, #fafafa), color-stop(100%, #fafafa)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%, #fafafa 36%, #fafafa 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%, #fafafa 36%, #fafafa 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%, #fafafa 36%, #fafafa 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa', GradientType=0 ); /* IE6-9 */ border: 1px solid #DDDDDD; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; position: relative } body.page-id-3187 .johnsonbox.right { width: 350px; float: right; clear: right; margin-left: 20px; } body.page-id-3187 .johnsonbox h3 { font-family: "GoodDogRegular", Georgia, serif; font-size: 200%; font-weight: normal; text-align: center; } body.page-id-3187 .johnsonbox.right object { width: 330px; margin: 0 auto 10px; display: block; } body.page-id-3187 .entry-title { display: none; } body.page-id-3187 .cta-make-money { clear: none; margin: 10px 0; position: relative; } body.page-id-3187 .cta-make-money a { width: 98%; padding: 10px; display: block; position: relative; background: #FAFAFA; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #fafafa 36%, #fafafa 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(36%, #fafafa), color-stop(100%, #fafafa)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%, #fafafa 36%, #fafafa 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%, #fafafa 36%, #fafafa 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%, #fafafa 36%, #fafafa 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa', GradientType=0 ); /* IE6-9 */ border: 1px solid #DDDDDD; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-size: 22px; font-weight: normal; line-height: 26px; text-decoration: none; text-transform: uppercase; color: #0000FF; } body.page-id-3187 .cta-make-money a span { display: block; font-size: 26px; color: #000; } body.page-id-3187 .cta-make-money a span.thumbnail { width: 199px; height: 148px; margin-right: 7px; position: relative; background: transparent url(/images/make-money-online-thumb-small.png) no-repeat 0 0; border-bottom: dashed 1px #CCC; top: -48px; float: left; } .yaroimg { position: absolute; top: -20px; right: 0px; -webkit-transform: rotate(6deg); -moz-transform: rotate(6deg); -ms-transform: rotate(6deg); -o-transform: rotate(6deg); transform: rotate(6deg); z-index: 90; max-width: 200px } .yartxt { width: 80% } .johnsonbox iframe { display: block; margin: 0 auto } /* 404 page */ .side .img { margin-right: -100px; padding-right: 130px; float: left; height: auto } .siderego { float: left } /* end */ .relatedcontain:after { clear: both; content: ''; display: block; } .relatedcontain { margin-bottom: 40px; position: relative; border-bottom: 1px solid #efefef; padding-bottom: 40px; } .relatedthumb { float: left; width: 275px; margin-right: 30px; height: 200px; overflow: hidden; } .relatedcontent h3 { font: 32px 'Roboto', sans-serif; font-weight: 300; } .readright { position: absolute; right: 0; bottom: 40px; font-size: 18px; width: 110px; text-align: right } .relatedthumb img { width: auto !important; height: auto; margin: 0 auto; display: block; max-height: 200px; } .pagenavi .next { float: right; width: 45%; font-size: 16px; text-align: right; } .pagenavi .prev { float: left; width: 45%; font-size: 16px; } .pagenavi:after { clear: both; content: ''; display: block } .understand { padding: 24px 44px; border: 1px solid #efefef; box-shadow: 2px 2px 5px 0 #ccc; background: #f0f9ff; background: -moz-linear-gradient(top, #f0f9ff 0%, #cbebff 47%, #a1dbff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f9ff), color-stop(47%, #cbebff), color-stop(100%, #a1dbff)); background: -webkit-linear-gradient(top, #f0f9ff 0%, #cbebff 47%, #a1dbff 100%); background: -o-linear-gradient(top, #f0f9ff 0%, #cbebff 47%, #a1dbff 100%); background: -ms-linear-gradient(top, #f0f9ff 0%, #cbebff 47%, #a1dbff 100%); background: linear-gradient(to bottom, #f0f9ff 0%, #cbebff 47%, #a1dbff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#a1dbff', GradientType=0 ); box-sizing: border-box; font-size: 24px; position: relative; } .understand img { position: absolute; width: auto !important; height: auto !important; top: -10px !important; left: -91px !important; max-width: 122px !important; } .modulebox, .bonusbox { border: 1px solid #efefef; box-shadow: 1px 1px 9px 0 #555; padding: 30px 30px 10px; margin: 50px auto; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; max-width: 700px; position: relative; } .modulebox img.aligncenter2 { max-width: 505px !important; width: 100%; } .modhead { padding: 30px 0 30px 30px; margin-left: -30px; margin-right: -30px; margin-top: -30px; background: #b2e1ff; background: -moz-linear-gradient(top, #b2e1ff 0%, #66b6fc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b2e1ff), color-stop(100%, #66b6fc)); background: -webkit-linear-gradient(top, #b2e1ff 0%, #66b6fc 100%); background: -o-linear-gradient(top, #b2e1ff 0%, #66b6fc 100%); background: -ms-linear-gradient(top, #b2e1ff 0%, #66b6fc 100%); background: linear-gradient(to bottom, #b2e1ff 0%, #66b6fc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2e1ff', endColorstr='#66b6fc', GradientType=0 ); color: #fff; font-weight: 500; text-shadow: 1px 1px 3px #555; -moz-border-top-right-radius: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px; -moz-border-top-left-radius: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px; position: relative } body.postid-18510 .modhead { padding-right: 80px; } .modhead h3 { font-size: 31px !important } .modhead h3.center { font-size: 38px !important } .modhead span.cap { text-transform: uppercase; display: block; padding-bottom: 10px } .modhead img { position: absolute; top: -25px; right: -75px; border-radius: 50%; width: 150px; height: 150px; box-shadow: 2px 2px 8px 0 #555; } body.postid-18510 .modhead img { top: -35px } .modheadbp { padding: 25px 30px 30px; margin-left: -30px; margin-right: -30px; font-weight: 500; text-shadow: 1px 1px 3px #555; -moz-border-top-right-radius: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px; -moz-border-top-left-radius: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px; position: relative; margin-top: -10px; background: url(/wp-content/uploads/2015/09/maths-paper.jpg) repeat } .modheadbp h3 { font-size: 50px !important; color: #fff; text-align: center; line-height: normal } .modheadbp h4 { font-size: 32px; color: #fff; line-height: normal; text-align: center; max-width: 600px; margin: 15px auto 0 auto; font-style: italic; } .bonushead { background: #f8b500; background: -moz-linear-gradient(top, #f8b500 0%, #fceabb 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8b500), color-stop(100%, #fceabb)); background: -webkit-linear-gradient(top, #f8b500 0%, #fceabb 100%); background: -o-linear-gradient(top, #f8b500 0%, #fceabb 100%); background: -ms-linear-gradient(top, #f8b500 0%, #fceabb 100%); background: linear-gradient(to bottom, #f8b500 0%, #fceabb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8b500', endColorstr='#fceabb', GradientType=0 ); margin: -31px -31px 20px; padding: 20px 30px 30px 200px; border-top-right-radius: 10px; border-top-left-radius: 10px; color: #fff; font-weight: 500; text-shadow: 1px 1px 5px #555; } .bonushead h3, .bonushead h4 { line-height: normal; margin: 0; padding: 0; } .bonushead h3 { font-size: 36px !important; padding: 0; margin: 0; } .bonushead h4 { color: #000; text-shadow: none; font-size: 26px; padding-top: 10px; } .bonushead.lesspad { padding: 30px 40px 30px 100px; background: #cf4747; background: -moz-linear-gradient(top, #cf0404 0%, #f76251 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cf4747), color-stop(100%, #f76251)); background: -webkit-linear-gradient(top, #cf4747 0%, #f76251 100%); background: -o-linear-gradient(top, #cf4747 0%, #f76251 100%); background: -ms-linear-gradient(top, #cf4747 0%, #f76251 100%); background: linear-gradient(to bottom, #cf4747 0%, #f76251 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf4747', endColorstr='#f76251 ', GradientType=0 ); } .bonushead.lesspad.pad { padding-left: 160px } .bonusbox img { position: absolute; top: -10px; left: -100px; } .bonusbox img.bmfbuy { position: relative; margin: 0 auto !important; left: auto; right: auto; } .juicebox { border: 1px solid #ccc; border-radius: 10px; box-shadow: 2px 2px 5px 0 #555; padding: 10px 30px; margin: 30px } .juicebox .modhead { margin-top: -10px; } .moneyback { padding: 20px 20px 0px; border: 1px solid #efefef; border-radius: 10px; background: #f2f2f2 } .mbhead { background: darkblue; margin: -21px -21px 0; padding: 20px 0 20px 20px; color: #fff; border-top-right-radius: 10px; border-top-left-radius: 10px; } .mbhead img { float: right; margin: -26px -36px 0px 0; width: 100% !important; max-width: 250px !important; height: auto } .mbhead br { display: none; } .mbhead h2 { margin: 0 !important; font-weight: 400; font-size: 32px !important } .toggle-box { display: none; } .toggle-box + label { cursor: pointer; display: block; font-weight: bold; margin-bottom: 5px; background: darkblue; color: #fff; padding: 10px; border-radius: 5px; } .toggle-box + label + div.toggle { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; background: #fff; overflow: hidden; height: 0px } .toggle-box:checked + label + div.toggle { height: auto; margin-bottom: 0em; color: #070707; } .toggle-box:checked + label + div.toggle p { display: block } .toggle-box + label:after { background-color: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color: #4F5150; content: "+"; display: block; float: right; font-weight: bold; height: 20px; line-height: 20px; margin-right: 5px; text-align: center; width: 20px; } .toggle-box:checked + label:after { content: "\2212"; } ol.tablelist { margin: 40px auto; list-style: none; counter-reset: li; max-width: 600px; position: relative } ol.tablelist > li:before { content: counter(li); counter-increment: li; position: absolute; left: -60px; border-radius: 50%; background: darkblue; width: 45px; height: 45px; color: #fff; text-align: center; line-height: 45px; font-size: 28px; font-weight: 400; } ol.tablelist > li:nth-child(2):before { top: 0px; } .tablelist li { padding: 12px; margin: 0; position: relative; background: #fff; } .tablelist li:nth-child(odd) { background: #f2f2f2 } .modulebox ol.tablelist { max-width: 550px; padding-left: 50px; } ol.tablelist2 { margin: 40px auto; list-style: none; counter-reset: li; position: relative } ol.tablelist2 > li:before { content: counter(li); counter-increment: li; position: absolute; left: -40px; color: #c00; text-align: center; line-height: 45px; font: 50px 'Roboto Condensed', sans-serif; font-weight: 400; top: -2px; } .tablelist2 li { padding: 5px 12px 5px 15px; margin-bottom: 10px; position: relative; background: #fff; border-left: 3px solid #efefef; min-height: 50px; } .tablelist2 p { margin-bottom: 0 !important; } .fancytest, .fancytest2 { padding: 10px 30px 10px 30px; background: #fff; margin: 40px auto; max-width: 95%; } .fancytest img { float: right; margin: -38px -55px 10px 20px; border: 8px solid #fff; box-shadow: 0 0 5px 0 #333; transform: rotate(5deg); } .fancytest2 img { float: left; margin: -38px 20px 10px -55px; border: 8px solid #fff; box-shadow: 0 0 5px 0 #333; transform: rotate(-5deg); } body.postid-18510 .fancytest img, body.postid-18510 .fancytest2 img { max-width: 200px; height: auto; } .effect { position: relative; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } .effect:before, .effect7:after { content: ""; position: absolute; z-index: -1; -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.8); -moz-box-shadow: 0 0 20px rgba(0,0,0,0.8); box-shadow: 0 0 20px rgba(0,0,0,0.8); top: 0; bottom: 0; left: 10px; right: 10px; -moz-border-radius: 100px / 10px; border-radius: 100px / 10px; } .effect:after { right: 10px; left: auto; -webkit-transform: skew(8deg) rotate(3deg); -moz-transform: skew(8deg) rotate(3deg); -ms-transform: skew(8deg) rotate(3deg); -o-transform: skew(8deg) rotate(3deg); transform: skew(8deg) rotate(3deg); } .effect6 { position: relative; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } .effect6:before, .effect6:after { content: ""; position: absolute; z-index: -1; -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.8); -moz-box-shadow: 0 0 20px rgba(0,0,0,0.8); box-shadow: 0 0 20px rgba(0,0,0,0.8); top: 50%; bottom: 0; left: 10px; right: 10px; -moz-border-radius: 100px / 10px; border-radius: 100px / 10px; } .effect6:after { right: 10px; left: auto; -webkit-transform: skew(8deg) rotate(3deg); -moz-transform: skew(8deg) rotate(3deg); -ms-transform: skew(8deg) rotate(3deg); -o-transform: skew(8deg) rotate(3deg); transform: skew(8deg) rotate(3deg); } .shining { background: #fff; padding: 20px 30px 10px; margin: 50px 0; } .shining h3:before, .shining h3:after { content: '"'; } .shining h3 { line-height: normal; font-style: italic; } .shining .imgcontain a, .shining .imgcontain2 a { font-size: 17px; } .shining .imgcontain { float: left; width: 30%; margin: 0 20px 10px 0; text-align: center; } .shining .imgcontain2 { float: right; width: 30%; margin: 0 0px 10px 20px; text-align: center; } .shining .imgcontain img, .shining .imgcontain2 img { padding-bottom: 10px; border-radius: 50%; max-width: 200px; height: auto } .shining:after { clear: both; content: ''; display: block } .shining .sright { float: right; width: 65%; } .shining .sright2 { float: left; width: 65%; } .shiningbtm { clear: both; background: #efefef; margin: 0 -30px -10px; padding: 15px 10px; } .shiningbtm .player { width: 410px; float: left; } .shiningbtm .player2 { width: 100%; float: left; margin-right: -410px; padding-right: 410px; } .shiningbtm img { position: absolute; bottom: 0px; left: -130px; transform: rotate(-5deg); } .shiningbtm img.r { position: absolute; bottom: 0px; right: -105px; transform: rotate(-15deg); left: auto; } .shiningbtm:after { clear: both; display: block; content: '' } a.mp3 { background: url(/images/mp3icon.png) no-repeat left; padding: 5px 0 5px 30px; margin-left: 20px; background-size: contain; font-size: 16px; } a.mp32 { background: url(/images/mp3icon.png) no-repeat left; padding: 5px 0 5px 30px; margin-right: 20px; background-size: contain; font-size: 16px; } a.transcript { background: url(/images/pdficon.png) no-repeat left; padding: 5px 0 5px 35px; margin-left: 20px; background-size: contain; font-size: 16px; } a.transcript2 { background: url(/images/pdficon.png) no-repeat left; padding: 5px 0 5px 35px; margin-right: 20px; background-size: contain; font-size: 16px; } img.felt { position: absolute; right: -70px; bottom: -60px; width: auto; max-width: 200px; } .relative { position: relative } img.problem { position: absolute; left: -160px; top: -29px; max-width: 150px !important; height: auto !important; transform: rotate(-7deg); } img.arrowleft { position: absolute; left: -80px; top: -30px; max-width: 62px !important; height: auto } img.arrowright { position: absolute; right: -90px; top: -20px; max-width: 85px !important; height: auto; } img.arrowtrue { position: absolute; right: -100px; top: 80px; max-width: 194px; } img.standard { max-width: 100% !important; width: auto !important; } img.alignright.wp-image-18090 { max-width: 100%; width: auto !important; height: auto; margin-right: -16%; } img.alignleft.size-full.wp-image-18111 { margin: -10px 40px 0px -223px; } img.bmfbuy { max-width: 100%; width: auto; margin: 10px auto; display: block; } .bmfspec { float: left; width: 50%; padding-top: 12px; } .bmfcount { float: left; max-width: 47%; width: 100% } body.postid-17925 #ej-plugin-socialslideout, body.postid-18510 #ej-plugin-socialslideout { display: none !important; } .podcastinlineoptin { background: #e6e6e6; background: -moz-linear-gradient(top, #e6e6e6 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e6e6e6), color-stop(100%, #ffffff)); background: -webkit-linear-gradient(top, #e6e6e6 0%, #ffffff 100%); background: -o-linear-gradient(top, #e6e6e6 0%, #ffffff 100%); background: -ms-linear-gradient(top, #e6e6e6 0%, #ffffff 100%); background: linear-gradient(to bottom, #e6e6e6 0%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#ffffff', GradientType=0 ); padding: 15px 15px 10px; box-shadow: 0px 0px 2px #D2D2D2; border-radius: 2px; height: auto; clear: both; margin: 20px 0; } .podcastinlineoptin:after { clear: both; content: ''; display: block } .poititle { float: left; } .poititle p { font-family: 'Roboto'; font-weight: 300; font-size: 22px !important; color: #000; margin: 8px 0 0; } .poiformhold { float: right; margin-left: -300px; padding-left: 300px; width: 100%; } .poiformhold .moonray-form.moonray-form-label-pos-stacked { width: 100%; } .poiformhold .moonray-form-element-wrapper.moonray-form-input-type-email { width: 100%; float: left; } .poiformhold input#mr-field-element-728032643673 { width: 99% !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; padding-right: 107px; text-align: left } .poiformhold .moonray-form-element-wrapper.moonray-form-input-type-submit { width: 107px; margin-top: 2px; float: left; margin-left: -107px } .poiformhold input#mr-field-element-747788863722 { border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important } .alignleftlogo { margin: 30px 0 20px -100px; float: left; width: auto!important; max-width: 269px; } .rightdiv { margin-left: 200px } img.smarter { position: absolute; top: -60px; right: -60px; } .fatarrow { background: url(/wp-content/uploads/2015/11/red-arrow-fat.png) no-repeat left; padding-left: 115px; } .callout strong { font-weight: bold; } .callout { float: right; width: 300px; margin: -30px 0 20px 40px; font: 28px Arial, Helvetica, sans-serif; text-align: right; padding: 10px 20px; box-sizing: border-box; } .vidicon { background: url(images/videoicon.png) no-repeat left top; padding-left: 45px; min-height: 35px; padding-top: 5px; } .audioicon { background: url(images/mp3icon.png) no-repeat left top; padding-left: 45px; min-height: 35px; padding-top: 5px; } .transicon { background: url(images/pdficon.png) no-repeat left top; padding-left: 45px; min-height: 35px; padding-top: 5px; } p.vidicon, p.audioicon, p.transicon { margin: 10px 0 10px 30px; } img.aster { position: absolute; width: 35px !important; left: -43px; top: -2px; } img.ingredient { position: absolute; width: auto !important; transform: rotate(-8deg); top: -132px; right: -195px; } .ingwidth { max-width: 565px } .buy { text-align: center; padding-bottom: 15px } .modulebox .buy, .bonusbox .buy, .moneyback .buy { padding-bottom: 40px } .buy br { display: none } .buy .red { font-size: 24px; color: #c00; font-weight: 600; display: block; } .buy .ujic-hold.ujic_center { margin: 15px 0 10px; }/*------------------------------------*\ RESPONSIVE \*------------------------------------*/ .mobhide { display: block } .mobshow { display: none }  @media only screen and (max-width:1480px) { img.alignright.wp-image-18090 { margin-right: -24%; } body { background: #f4f4f4 url(images/headerbg2.png) repeat-x 0 28px; } .contain { max-width: 1440px; width: 98%; margin: 0 auto; position: relative; z-index: 2; padding: 0; } .header { background-position: top right; background-size: contain; height: 150px; margin-top: -3px } .logo { margin: 10px 0px 0 20px; padding-right: 0px; height: 80px; vertical-align: middle } .yarostory { float: right; margin: 28px 190px 0 0; max-width: 174px; max-height: 60px; background: url(images/read-my-story-bg1.png) no-repeat; background-size: cover; } .yarostory a { color: #fff; text-align: center; display: block; text-decoration: none; text-transform: uppercase; line-height: 46px; font-weight: 400; padding: 0 33px 14px 33px; font-size: 14px; } .yarostory a:hover { opacity: 0.8 } .nav { background: url(images/navbg.jpg) repeat-x; max-height: 40px; margin: 0px -50%; padding: 0 50%; z-index: 10; position: absolute; bottom: 13px; left: 0; right: 0 } .nav.past-main img.navlog { display: block; float: left; padding: 3px 0 0 5px; transition: all 0.25s ease; width: 35px; height: 34px } nav ul { list-style: none; margin: 0px 0 0 0px; } nav li { line-height: 40px } nav li + li:before { content: url(images/nav-sep.png); height: 40px; overflow: hidden; width: 3px; float: left; } nav a { font: 16px 'Roboto', sans-serif; font-weight: 300; color: #fff; text-decoration: none; padding: 20px; text-transform: uppercase; } h1 { font-size: 46px; margin: 5px 0 20px 0; } h2 { font-size: 34px; margin: 55px 0 25px 0 } h3 { font-size: 16px; line-height: 24px; } body.single .contain { background: #fff; border: 1px solid #ccc; padding: 3% 14%; font-size: 22px; margin: 0 auto; width: 98% } /* used for infinite scroll  body.single .post-container:after { content: ''; background: background: #f9f9f9; background: -moz-linear-gradient(top,  #f9f9f9 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top,  #f9f9f9 0%,#ffffff 100%); background: -o-linear-gradient(top,  #f9f9f9 0%,#ffffff 100%); background: -ms-linear-gradient(top,  #f9f9f9 0%,#ffffff 100%); background: linear-gradient(to bottom,  #f9f9f9 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ffffff',GradientType=0 ); height: 50px; display: block; margin: 0px -20% 75px -20%; border-top: 1px solid #efefef; }*/ .footcontain { margin: 0px -20%; } /*body.single .footoptincont:before { content: ''; background: background: #ffffff; background: -moz-linear-gradient(top,  #ffffff 0%, #f9f9f9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f9f9f9)); background: -webkit-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%); background: -o-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%); background: -ms-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%); background: linear-gradient(to bottom,  #ffffff 0%,#f9f9f9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); height: 50px; display: block; margin: 0px ; border-bottom: 1px solid #efefef; }*/ body.page .contain, body.category .contain, body.error404 .contain { background: #fff; border: 1px solid #ccc; padding: 3% 8%; font-size: 22px; margin: 0 auto; width: 98% } body.single .contain2 { padding: 3% 14%; font-size: 22px; width: 98%; margin: 0 auto; } .col1 .optinbl { background: url(images/optinbgcol1.png) repeat-x; background-size: contain; padding: 1px 10px 10px 0 } .col1 .optinbl:after { clear: both; display: block; content: '' } .col1 .optinbl .alignleft { margin: 20px 10px 0px 10px; max-width: 130px; } .col1 .optinbl p.large { font-size: 28px; color: #fff; padding: 5px 0 10px 0; max-width: 750px } .col1 .optinbl p.small { font-size: 16px; color: #fff; margin: 10px 0; padding: 0; max-width: 650px } .col1 .optinbl form { margin: 0 0 0 150px; } .col1 .optinbl input[type=email] { border-radius: 5px; padding: 8px; margin-right: 5px; max-width: 250px; width: 100%; float: left; font-size: 18px } .col1 .optinbl input[type=submit] { border-radius: 5px; padding: 8px; max-width: 100px; width: 100%; float: left; font-size: 18px } .entryright, .commright { max-width: 82% } #topoptin { margin: 0 auto; width: 98%; padding: 5px 0px 10px 0px; } #topoptinbot { margin: 0 auto; width: 100%; padding: 5px 0px 10px 0px; } .loopOptIn { margin: 0 auto; width: 100%; padding: 5px 0px 10px 0px; } #topoptin .contain, #topoptinbot .contain, .loopOptIn .contain { background: none; border: none; padding: 10px 0 5px; max-width: 730px; width: 100%; margin: 0 auto } .footcontain .footoptincont { max-width: 1440px; width: 100% } .footoptincont { max-width: 1440px; width: 98% } .footoptin { max-width: 1440px; clear: both; width: 98%; margin: 40px auto; padding: 10px } .footoptin .contain3 { max-width: 1000px; margin: 0 auto; width: 100% } #topoptin .containtraffic, #topoptinbot .containtraffic, .loopOptIn .containtraffic { max-width: 550px } .trafficpic { top: 5px; } #topoptin .head, #topoptinbot .head, .loopOptIn .head { font-size: 36px; margin: 5px 0; font-weight: 400 } #topoptin .containtraffic .head, #topoptinbot .containtraffic .head, .loopOptIn .containtraffic .head { font-size: 40px; } #topoptin .subhead, #topoptinbot .subhead, .loopOptIn .subhead { font-size: 20px; margin: 5px 0 15px; font-weight: 400 } #topoptin .containtraffic .subhead, #topoptinbot .containtraffic .subhead, .loopOptIn .containtraffic .subhead { font-size: 24px } #topoptin input[type=email], #topoptinbot input[type=email], .loopOptIn input[type=email] { width: 290px !important; margin-right: 7px !important; padding: 8px !important; font-size: 120% !important; } #topoptin input[type=submit], #topoptinbot input[type=submit], .loopOptIn input[type=submit] { width: 150px !important; padding: 8px !important; font-size: 120% !important; } .mindsetpic { width: 198px; height: 190px; left: -110px; } #topoptin .containmindset .free, #topoptinbot .containmindset .free, .loopOptIn .containmindset .free { margin-left: 180px } #topoptin .containinterviews .head, #topoptinbot .containinterviews .head, .loopOptIn .containinterviews .head { font-size: 34px; } img.smarter { transform: rotate(9deg); right: -100px } }  @media only screen and (max-width:1261px) { .col1 .optinbl p.large { font-size: 26px; color: #fff; padding: 10px 0 15px 0; max-width: 750px } .col1 .optinbl .alignleft { margin: 20px 10px 0px 10px; max-width: 110px; } .col1 .optinbl p.small { max-width: 500px } .col1 .optinbl form { margin: 0 0 0 130px; } body.single .contain, body.page .contain, body.category .contain, body.error404 .contain { padding: 3% 6%; font-size: 20px; margin: 0 auto; width: 98% } /*body.single .post-container:after { content: ''; background: background: #f9f9f9; background: -moz-linear-gradient(top,  #f9f9f9 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top,  #f9f9f9 0%,#ffffff 100%); background: -o-linear-gradient(top,  #f9f9f9 0%,#ffffff 100%); background: -ms-linear-gradient(top,  #f9f9f9 0%,#ffffff 100%); background: linear-gradient(to bottom,  #f9f9f9 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ffffff',GradientType=0 ); height: 50px; display: block; margin: 0 -7% 75px -7%; border-top: 1px solid #efefef; }*/ .footcontain { margin: 0px -7%; } /*body.single .footoptincont:before { content: ''; background: background: #ffffff; background: -moz-linear-gradient(top,  #ffffff 0%, #f9f9f9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f9f9f9)); background: -webkit-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%); background: -o-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%); background: -ms-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%); background: linear-gradient(to bottom,  #ffffff 0%,#f9f9f9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); height: 50px; display: block; margin: 0px ; border-bottom: 1px solid #efefef; }*/ body.single .contain2 { padding: 3% 6%; font-size: 22px; width: 98%; margin: 0 auto; } .trafficpic { background: url(images/traffic.png); width: 330px; height: 164px; position: absolute; left: -240px; top: 15px; background-size: cover } .relatedcontent h3 { font: 28px 'Roboto', sans-serif; font-weight: 300 } .readright { position: absolute; right: 0; bottom: 40px; font-size: 18px; } img.arrowright { right: 0 } img.arrowtrue { right: -50px; top: 50px; } img.alignright.wp-image-18090 { margin-right: -8%; } img.smarter { transform: rotate(0deg); right: -80px; top: -70px } .ingwidth { max-width: 512px } }  @media only screen and (max-width:1215px) { .col1 .optinbl p.large { max-width: 400px; padding: 0px 0 5px 0; } .col1 .optinbl p.small { margin: 10px auto; clear: both; padding: 0 0 0 10px; max-width: 380px; } .col1 .optinbl .alignleft { margin: 10px 10px 0px 10px; max-width: 110px; } .col1 .optinbl form { margin: 0 auto; width: 360px; } .mindsetpic { width: 198px; height: 190px; left: -95px; } }  @media only screen and (max-width:1111px) { .col1 .optinbl p.large { font-size: 22px; max-width: 320px; padding: 0px 0 5px 0; } .col1 .optinbl p.small { font-size: 14px; margin: 10px auto; clear: both; padding: 0 0 0 10px; max-width: 380px; } .col1 .optinbl .alignleft { margin: 25px 10px 0px 10px; max-width: 70px; } .col1 .optinbl form { margin: 0 auto; width: 320px; } .col1 .optinbl input[type=email] { border-radius: 5px; padding: 8px; margin-right: 5px; max-width: 200px; width: 100%; float: left; font-size: 16px } .col1 .optinbl input[type=submit] { border-radius: 5px; padding: 8px; max-width: 100px; width: 100%; float: left; font-size: 16px } .entryright, .commright { max-width: 80% } .footoptin .contain3 { max-width: 900px; margin: 0 auto; width: 100% } .footoptin .head { font-size: 26px; } .footoptin .subhead { font-size: 16px; } .footer .arrow, .footerlogo { display: none } .social { padding-right: 10px; } .footlinks { right: 10px; } .copyright { text-align: left; margin-left: 10px } .nav { background: url(images/navbg.jpg) repeat-x; max-height: 35px; margin: 0px 0; padding: 0 0; z-index: 10; position: absolute; bottom: 7px; left: 0; right: 0 } .nav.past-main img.navlog { display: block; float: left; padding: 2px 0 0 5px; transition: all 0.25s ease; width: 32px; height: auto } nav ul { list-style: none; margin: 0px 0 0 10px; } nav li { height: 35px; line-height: 33px; } nav li + li:before { content: url(images/nav-sep.png); height: 35px; overflow: hidden; width: 3px; float: left; } nav a { font: 16px 'Roboto', sans-serif; font-weight: 300; color: #fff; text-decoration: none; text-transform: capitalize; } .trafficpic { background: url(images/traffic.png); width: 300px; height: 149px; position: absolute; left: -210px; top: 22px; background-size: cover } #topoptin .containmindset, #topoptinbot .containmindset, .loopOptIn .containmindset { max-width: 750px; margin-left: 170px } .mindsetpic { width: 198px; height: 190px; left: -170px; } #topoptin .containmindset .free, #topoptinbot .containmindset .free, .loopOptIn .containmindset .free { margin-left: 100px } .interviewspic { left: -40px; width: 180px } img.arrowright { right: -60px } img.arrowtrue { right: -50px; top: 50px; width: auto !important } img.smarter { top: -80px; width: auto !important; max-width: 250px !important; } }  @media only screen and (max-width:1020px) { .contain { padding: 0 0 } .col1 { width: 100%; min-width: 320px !important; margin-right: -350px; padding-right: 350px; float: left; -webkit-box-shadow: 0 0 7px 0 #ccc; -moz-box-shadow: 0 0 7px 0 #ccc; box-shadow: 0 0 7px 0 #ccc; } .col2 { margin: 0 10px; min-width: 320px; } .col3 { margin: 0 0 0 10px; min-width: 320px; } h2 { font-size: 28px; margin: 55px 0 25px 0 } .header { line-height: 90px; } .logo { margin: 5px 0 0 10px; height: auto !important; max-height: 80px; vertical-align: middle; min-width: 200px; } .yarostory { float: right; margin: 32px 190px 0 0; max-width: 144px; max-height: 60px; background: url(images/read-my-story-bg1.png) no-repeat; background-size: contain; } .yarostory a { line-height: 32px; padding: 0 18px 14px 18px; font-size: 13px; } .col1 .optinbl { background: url(images/optinbgcol1.png) repeat-x; background-size: contain; padding: 1px 10px 10px 0 } .col1 .optinbl:after { clear: both; display: block; content: '' } .col1 .optinbl .alignleft { margin: 20px 10px 0px 10px; max-width: 130px; } .col1 .optinbl p.large { font-size: 28px; color: #fff; padding: 5px 0 10px 0; max-width: 750px } .col1 .optinbl p.small { font-size: 16px; color: #fff; margin: 10px 0; padding: 0; max-width: 650px; clear: none } .col1 .optinbl form { margin: 0 0 0 150px; min-width: 360px; } .col1 .optinbl input[type=email] { border-radius: 5px; padding: 8px; margin-right: 5px; max-width: 250px; width: 100%; float: left; font-size: 18px } .col1 .optinbl input[type=submit] { border-radius: 5px; padding: 8px; max-width: 100px; width: 100%; float: left; font-size: 18px } body.single .contain, body.page-template-page-full-php .contain, body.page-template-page-full-nopad-php .contain, body.page .contain, body.single .contain2, body.error404 .contain { font-size: 20px } .entryright img { max-width: 100%; width: 100%; height: auto } .modhead img { width: 120px !important; height: 120px !important; right: -25px; top: -15px; } .standard { max-width: 100% !important; width: auto !important; } .understand img { max-width: 122px !important; } .mbhead img { width: 100% !important; max-width: 250px !important; height: auto } .shiningbtm img.r, .shiningbtm img { max-width: 129px !important; width: 100%; height: auto; } .bonusbox img { max-width: 100%; width: auto } blockquote.testimonial img { width: 100px; height: 100px; } .fancytest2 img, .fancytest img { float: right; width: auto; max-width: 100%; } .footoptin .contain3 { max-width: 500px; } .footoptin img { max-height: 110px; width: auto } .footoptin .head { font-size: 22px; } .footoption .subhead { font-size: 14px } .footoptin input[type=email], #topoptin input[type=email], #topoptinbot input[type=email], .loopOptIn input[type=email] { width: 200px !important; padding: 5px !important; font-size: 16px !important; } .footoptin input[type=submit], #topoptin input[type=submit], #topoptinbot input[type=submit], .loopOptIn input[type=submit] { width: 200px !important; padding: 5px !important; font-size: 16px !important; } .footoptin .clearform { clear: both; width: 420px; margin: 0 auto } #topoptin .free, #topoptinbot .free, .loopOptIn .free { background: url(images/its-free-small.png) no-repeat left top; padding-left: 80px; margin-left: 150px; min-height: 40px } #topoptin .containbuysell, #topoptinbot .containbuysell, .loopOptIn .containbuysell { max-width: 725px } #topoptin .containbuysell .head, #topoptinbot .containbuysell .head, .loopOptIn .containbuysell .head { font-size: 30px } #topoptin .containbuysell .subhead, #topoptinbot .containbuysell .subhead, .loopOptIn .containbuysell .subhead { font-size: 20px } .buysellpic { background-size: cover; width: 217px; height: 120px; } #topoptin .containtraffic, #topoptinbot .containtraffic, .loopOptIn .containtraffic { max-width: 490px; } #topoptin .containtraffic .head, #topoptinbot .containtraffic .head, .loopOptIn .containtraffic .head { font-size: 36px } #topoptin .containtraffic .subhead, #topoptinbot .containtraffic .subhead, .loopOptIn .containtraffic .subhead { font-size: 22px } .trafficpic { background: url(images/traffic.png); width: 280px; height: 139px; position: absolute; left: -200px; top: 22px; background-size: cover } #topoptin .containmindset, #topoptinbot .containmindset, .loopOptIn .containmindset { max-width: 660px; /*margin-top:10px*/ } #topoptin .containmindset .head, #topoptinbot .containmindset .head, .loopOptIn .containmindset .head { font-size: 32px; } #topoptin .containmindset .subhead, #topoptinbot .containmindset .subhead, .loopOptIn .containmindset .subhead { font-size: 20px; } .mindsetpic { width: 172px; height: 165px } #topoptin .containmindset .free, #topoptinbot .containmindset .free, .loopOptIn .containmindset .free { margin-left: 60px } #topoptin .containinterviews .free, #topoptinbot .containinterviews .free, .loopOptIn .containinterviews .free { margin: 0 auto; display: block; width: 410px } #topoptin .containinterviews .head, #topoptinbot .containinterviews .head, .loopOptIn .containinterviews .head { font-size: 28px; } .interviewspic { left: 5px; top: 0px; width: 170px; } .footoptin .containinterviews input[type=submit], #topoptin .containinterviews input[type=submit], #topoptinbot .containinterviews input[type=submit], .loopOptIn .containinterviews input[type=submit] { width: 120px !important } .ppcont { width: 320px; } .tab-links li { width: 33.3%; } .innerheight { height: 240px !important; overflow: hidden } .arthold { width: 280px; height: 240px; } .arthold .wpp-thumbnail { display: block; margin: 0 auto; float: none; width: 100%; max-height: 150px; height: 100% } .artimg { height: 150px } .artimg img { max-width: 270px; width: 100% } .wpp-thumbnail img { max-width: 270px; width: 100%; max-height: 150px; height: 100% } img.topminus2 { margin-top: -26px; margin-bottom: -20px; } img.alignright.wp-image-18090 { max-width: 370px; } img.alignleft.size-full.wp-image-18111 { margin: -10px 40px 0px -200px; max-width: 340px; } img.bmfbuy { max-width: 100%; width: auto; margin: 10px auto; display: block; } .modhead { padding: 30px 80px 30px 30px; } .modhead h3 { line-height: normal } .poiformhold input#mr-field-element-747788863722 { margin: 0 !important } .poiformhold { float: right; margin-left: -280px; padding-left: 280px; } .poititle p { font-size: 20px !important; margin: 10px 0 0; } img.smarter { top: -60px; max-width: 220px !important; right: -60px; } .nav { background: url(images/navbg.jpg) repeat-x; max-height: 35px; margin: 0px 0; padding: 0 0; z-index: 10; position: absolute; bottom: 7px; left: 0; right: 0 } nav ul { list-style: none; margin: 0px 0 0 10px; } nav li { height: 35px; line-height: 33px; } nav li + li:before { content: url(images/nav-sep.png); height: 35px; overflow: hidden; width: 3px; float: left; } nav a { font: 16px 'Roboto', sans-serif; font-weight: 300; color: #fff; text-decoration: none; text-transform: capitalize; padding: 20px 12px; } nav #menu-item-15145 a { background-position: 6px 4px } }  @media only screen and (max-width:942px) { .col1 .optinbl p.large { max-width: 400px; padding: 5px 0 0px 0; font-size: 26px; margin: 0 } .col1 .optinbl p.small { margin: 10px auto; clear: both; padding: 0 0 0 10px; max-width: 380px; } .col1 .optinbl .alignleft { margin: 10px 20px 0px 10px; max-width: 100px; } .col1 .optinbl form { margin: 0 auto; width: 360px; } .entryright, .commright { max-width: 78% } .yarohold { width: 62%; padding: 0 10px 0 5px; font-size: 14px; float: left } .socialhold { width: 37%; float: left; padding: 0 10px 0 10px; border-left: 1px solid #ddd; } .aboutright2 { width: 100%; float: none; clear: both; padding-top: 20px } .aboutright2 ol { margin-top: 0px } #topoptin .containtraffic, #topoptinbot .containtraffic, .loopOptIn .containtraffic { margin-left: 180px; } .trafficpic { width: 250px; height: 124px; left: -175px; top: 27px; } #topoptin .containmindset, #topoptinbot .containmindset, .loopOptIn .containmindset { max-width: 600px; /*margin-top:10px;*/ margin-left: 140px } #topoptin .containmindset .head, #topoptinbot .containmindset .head, .loopOptIn .containmindset .head { font-size: 30px; } #topoptin .containmindset .subhead, #topoptinbot .containmindset .subhead, .loopOptIn .containmindset .subhead { font-size: 18px; } .mindsetpic { width: 152px; height: 145px; left: -140px; top: 15px } .relatedcontent h3 { font: 24px 'Roboto', sans-serif; font-weight: 300 } .readright { bottom: 30px; } .relatedthumb { width: 220px } img.arrowtrue { display: none } img.alignleft.size-full.wp-image-18111 { margin: -10px 40px 0px -175px; max-width: 300px; } .bmfspec { float: none; width: 100%; padding: 0 0 12px 0; text-align: center; margin-top: -20px } .bmfcount { float: none; max-width: 100%; width: 100% } .poiformhold { margin-left: -250px; padding-left: 250px; } .poititle p { font-size: 18px !important; margin: 10px 0 0; } }  @media only screen and (max-width:880px) { .poiformhold { margin-left: -49%; padding-left: 49%; } #topoptin .containinterviews, #topoptinbot .containinterviews, .loopOptIn .containinterviews { padding: 10px 0 10px 100px; } img.smarter { display: none } img.ingredient { top: -104px; right: -134px; max-width: 160px !important; } .nav { max-height: 35px; margin: 0px 0; padding: 0 0; z-index: 10; position: absolute; bottom: 7px; left: 0; right: 0 } nav ul { list-style: none; margin: 0px 0 0 10px; } nav li { height: 35px; line-height: 31px; } nav li + li:before { content: url(images/nav-sep.png); height: 35px; overflow: hidden; width: 3px; float: left; } nav a { font: 15px 'Roboto', sans-serif; font-weight: 300; color: #fff; text-decoration: none; padding: 10px 9px; text-transform: capitalize; } nav #menu-item-15145 a { background-position: 3px 5px; line-height: normal; padding: 20px 15px 5px } }  @media only screen and (max-width:791px) { .col1 .optinbl p.large { font-size: 22px; max-width: 320px; padding: 10px 0 5px 0; } .col1 .optinbl p.small { font-size: 14px; margin: 10px auto; clear: both; padding: 0 0 0 10px; max-width: 380px; } .col1 .optinbl .alignleft { margin: 15px 10px 0px 10px; max-width: 70px; } .col1 .optinbl input[type=email] { border-radius: 5px; padding: 8px; margin-right: 5px; max-width: 200px; width: 100%; float: left; font-size: 16px } .col1 .optinbl input[type=submit] { border-radius: 5px; padding: 8px; max-width: 100px; width: 100%; float: left; font-size: 16px } .col2 { margin-right: 0 !important; float: right } .ppcont { float: right } .entryright, .commright { max-width: 75% } .yarostory { display: none } #topoptin .contain, #topoptinbot .contain, .loopOptIn .contain { max-width: 560px } #topoptin .head, #topoptinbot .head, .loopOptIn .head { font-size: 28px; margin: 15px 0 5px 0; font-weight: 400 } #topoptin .subhead, #topoptinbot .subhead, .loopOptIn .subhead { font-size: 16px; margin: 5px 0 0px; font-weight: 400; padding-bottom: 0 } #topoptin input[type=email], #topoptinbot input[type=email], .loopOptIn input[type=email] { width: 290px !important; margin-right: 7px !important; padding: 8px !important; font-size: 120% !important; } #topoptin input[type=submit], #topoptinbot input[type=submit], .loopOptIn input[type=submit] { width: 150px !important; padding: 8px !important; font-size: 120% !important; } #topoptin .free, #topoptinbot .free, .loopOptIn .free { clear: both; margin: 0 auto; } #topoptin img, #topoptinbot img, .loopOptIn img { max-height: 100px; width: auto !important } #topoptin .containbuysell, #topoptinbot .containbuysell, .loopOptIn .containbuysell { max-width: 550px } #topoptin .containbuysell .head, #topoptinbot .containbuysell .head, .loopOptIn .containbuysell .head { font-size: 26px; padding-right: 210px; } #topoptin .containbuysell .subhead, #topoptinbot .containbuysell .subhead, .loopOptIn .containbuysell .subhead { font-size: 18px; padding-right: 210px; } .buysellpic { background: url(images/buysell-small.png) no-repeat; background-size: cover; width: 180px; height: 133px; bottom: 57px; right: 20px } #topoptin .containbuysell .free, #topoptinbot .containbuysell .free, .loopOptIn .containbuysell .free { margin-top: 15px; } #topoptin .containtraffic, #topoptinbot .containtraffic, .loopOptIn .containtraffic { max-width: 420px; margin-left: 175px } #topoptin .containtraffic .head, #topoptinbot .containtraffic .head, .loopOptIn .containtraffic .head { font-size: 30px; } #topoptin .containtraffic .subhead, #topoptinbot .containtraffic .subhead, .loopOptIn .containtraffic .subhead { font-size: 20px; } #topoptin .containtraffic input[type=email], #topoptinbot .containtraffic input[type=email], .loopOptIn .containtraffic input[type=email] { width: 210px !important; } #topoptin .containtraffic input[type=submit], #topoptinbot .containtraffic input[type=submit], .loopOptIn .containtraffic input[type=submit] { width: 120px !important; } .trafficpic { width: 209px; height: 104px; left: -175px; top: 37px; } #topoptin .containinterviews, #topoptinbot .containinterviews, .loopOptIn .containinterviews { max-width: 100%; margin: 0 auto } #topoptin .containinterviews .head, #topoptinbot .containinterviews .head, .loopOptIn .containinterviews .head { font-size: 26px; } #topoptin .containinterviews .subhead, #topoptinbot .containinterviews .subhead, .loopOptIn .containinterviews .subhead { font-size: 20px; } #topoptin .containinterviews input[type=email], #topoptinbot .containinterviews input[type=email], .loopOptIn .containinterviews input[type=email] { width: 210px !important; } #topoptin .containinterviews input[type=submit], #topoptinbot .containinterviews input[type=submit], .loopOptIn .containinterviews input[type=submit] { width: 120px !important; } #topoptin .containinterviews .free, #topoptinbot .containinterviews .free, .loopOptIn .containinterviews .free { margin: 10px auto 0 auto; display: block; width: 421px; } .interviewspic { left: 5px; top: 13px; width: 170px; } #topoptin .containinterviews, #topoptinbot .containinterviews, .loopOptIn .containinterviews { padding: 10px 0 10px 127px; }  .fourty, .sixty { float: none; width: 100% } .fiftyr { font-size: 16px } .fiftyr h2 { font-size: 24px } #topoptin .containmindset, #topoptinbot .containmindset, .loopOptIn .containmindset { max-width: 560px; /*margin-top:10px;*/ margin-left: 120px } #topoptin .containmindset .head, #topoptinbot .containmindset .head, .loopOptIn .containmindset .head { font-size: 27px; } #topoptin .containmindset .subhead, #topoptinbot .containmindset .subhead, .loopOptIn .containmindset .subhead { font-size: 17px; } .mindsetpic { width: 132px; height: 125px; left: -120px; top: 17px } #topoptin .containmindset .free, #topoptinbot .containmindset .free, .loopOptIn .containmindset .free { margin: 0px 0 0 20px } .relatedcontent h3 { font: 22px 'Roboto', sans-serif; font-weight: 300; line-height: 26px } img.alignright.wp-image-18090 { max-width: 100%; margin: 10px auto; float: none; } img.alignleft.wp-image-18111 { max-width: 100%; width: auto !important; margin: 20px auto !important; float: none !important; display: block; } .poiformhold { margin-left: 0; padding-left: 0; margin-top: 10px } .poititle { text-align: center !important; float: none !important } .poiformhold .moonray-form-element-wrapper.moonray-form-input-type-submit { margin-top: 3px; } img.ingredient { top: -127px; right: -53px; max-width: 160px !important; } nav ul { display: none; height: auto; text-align: left; } nav a#pull { display: block; width: 100%; position: relative; padding: 3px 10px 5px 10px; text-align: left; line-height: 26px; } nav a#pull:before { content: ""; background: url('images/nav-icon.png') no-repeat; width: 30px; height: 30px; display: inline-block; float: left; margin-left: 15px; margin-top: 3px; } nav li { float: none; list-style: none; line-height: 24px; background: #10629e; clear: both; margin: 0; padding: 0 } nav a { display: block; padding: 5px 10px } nav li + li:before { content: ''; height: auto; width: 0; float: none } nav #menu-item-15145 a { font-size: 15px; background: none; padding: 5px 10px } }  @media only screen and (max-width:699px) { body { background: #f4f4f4 url(images/headerbg2.png) repeat-x 0 21px; } .col1 { width: 100%; float: none; padding: 0; margin: 0; -webkit-box-shadow: 0 0 7px 0 #ccc; -moz-box-shadow: 0 0 7px 0 #ccc; box-shadow: 0 0 7px 0 #ccc; } .col2 { width: 100%; float: none; margin: 0 1%; } .col3 { width: 100%; float: none; -webkit-box-shadow: 0 0 7px 0 #ccc; -moz-box-shadow: 0 0 7px 0 #ccc; box-shadow: 0 0 7px 0 #ccc; } .header { line-height: 80px; height: 120px; background: url(images/yaro-header-sm.png) no-repeat right top; background-size: contain; margin-top: 0 } img { max-width: 100% !important; height: auto } .logo { margin: 0 0 0 10px; padding-right: 0; height: auto !important; vertical-align: middle; width: 320px !important } .entryright, .commright { float: none; max-width: 100% !important; } .entryright h3 { font-size: 22px !important } .entryleft { float: none; width: 100%; padding: 1px 0; margin: 0 } body.single .contain .entryleft p.author, body.single .contain2 .entryleft p.author { float: left; margin: 0 20px 10px 0; } body.single .contain .entryleft p.commenttxt, body.single .contain2 .entryleft p.author { float: left; margin: 0 0 10px 0 } .commright, .tags { float: none; width: 100%; } .tags { padding-top: 5px; padding-bottom: 20px; } .entryleft #like-buttons { display: none } .entryleft .authorarea { display: none; margin: 0; padding: 0 } h1 { font-size: 34px; margin: 5px 0 15px 0; } h2 { font-size: 28px; margin: 55px 0 25px 0 } .author-box { font-size: 14px } body.single .contain, body.page-template-page-full-php .contain, body.page-template-page-full-nopad-php .contain, body.page .contain, body.single .contain2, body.error404 .contain { font-size: 18px } blockquote p, blockquote.wide p { font-size: 18px } .col1 .optinbl { background: url(images/optinbgcol1.png) repeat-x; background-size: contain; padding: 1px 10px 10px 0 } .col1 .optinbl:after { clear: both; display: block; content: '' } .col1 .optinbl .alignleft { margin: 20px 10px 0px 10px; max-width: 130px; } .col1 .optinbl p.large { font-size: 28px; color: #fff; padding: 15px 0 10px 0; max-width: 750px } .col1 .optinbl p.small { font-size: 16px; color: #fff; margin: 10px 0; padding: 0; max-width: 650px; clear: none } .col1 .optinbl form { margin: 0 0 0 150px; min-width: 360px; } .col1 .optinbl input[type=email] { border-radius: 5px; padding: 8px; margin-right: 5px; max-width: 250px; width: 100%; float: left; font-size: 18px } .col1 .optinbl input[type=submit] { border-radius: 5px; padding: 8px; max-width: 100px; width: 100%; float: left; font-size: 18px }  .author-box img.avatar { max-width: 70px !important } .fifty, .fifty2, .fifty404 { width: 100%; float: none; border: none; padding: 5px } .fifty2 { border-top: 1px solid #efefef } .fiftyl, .fiftyr { width: 100%; float: none } .fiftyr img { margin: 0 auto; display: block; float: none; width: auto !important } .contleft, .contright { float: none; width: 100% } .contleft h2 { font-size: 30px; } .contleft h3 { font-size: 30px; } body.category .contleftpage, body.category #sidebar { float: none; width: 100% } #topoptin .containtraffic, #topoptinbot .containtraffic, .loopOptIn .containtraffic { max-width: 400px; margin-left: 160px } #topoptin .containtraffic input[type=email], #topoptinbot .containtraffic input[type=email], .loopOptIn .containtraffic input[type=email] { width: 190px !important; } .trafficpic { width: 190px; height: 94px; left: -160px; top: 42px; } #topoptin .containmindset, #topoptinbot .containmindset, .loopOptIn .containmindset { margin-left: 50px; text-align: right; max-width: 510px } #topoptin .containmindset .head, #topoptinbot .containmindset .head, .loopOptIn .containmindset .head { font-size: 24px; } #topoptin .containmindset .subhead, #topoptinbot .containmindset .subhead, .loopOptIn .containmindset .subhead { font-size: 16px; } .mindsetpic { width: 102px; height: 95px; left: -50px; bottom: -10px; top: auto } #topoptin .containmindset .free, #topoptinbot .containmindset .free, .loopOptIn .containmindset .free { background: none; margin-left: 0px; padding-left: 60px } .mobhide { display: none } .mobshow { display: block } .understand img { display: none } img.problem { right: -22px; top: -33px; max-width: 130px !important; } img.arrowright, img.arrowleft { display: none } .modhead img { display: none; } body.postid-18510 .modhead { padding-right: 30px; } .modhead h3.center, .modhead h3, .modheadbp h3 { font-size: 28px !important; text-align: center !important; line-height: normal } .modheadbp h4 { font-size: 20px } .bonusbox img { position: relative; left: 0; top: 0; margin: -10px auto -20px; display: block; } body.postid-18510 .bonusbox img { position: relative; left: 0; top: 0; margin: -10px auto 20px; display: block; } .bonushead { padding: 20px 30px 30px 30px } ol.tablelist { width: 380px } .shiningbtm img.r, .shiningbtm img { display: none } .shiningbtm .player, .shiningbtm .player2 { width: 100%; margin: 8px auto; display: block; text-align: center; padding: 0 } .poiformhold { margin-left: -49%; padding-left: 49%; margin-top: 0px } .poititle { text-align: left !important; float: left !important } .poiformhold .moonray-form-element-wrapper.moonray-form-input-type-submit { margin-top: 3px; } #topoptin .containinterviews, #topoptinbot .containinterviews, .loopOptIn .containinterviews { padding: 10px 0 10px 16%; } .interviewspic { left: 0px; width: 138px; } #topoptin containinterviews .head, #topoptinbot .containinterviews .head, .loopOptIn .containinterviews .head { font-size: 24px; margin-top: 10px } #topoptinbot .containinterviews .subhead { font-size: 18px } img.ingredient { top: -95px; right: -57px; max-width: 134px !important; } img.aster { width: 25px !important; left: -29px; top: -1px; } ol.tablelist2 { margin: 40px 0 40px 40px; } ul.tick { margin: 40px 0 40px 0px; } .bonushead.lesspad.pad { padding: 0 30px 30px; } .fancytest img, .fancytest2 img { margin: 10px auto 20px; max-width: 150px !important; } .mbhead img { max-width: 150px !important; } .mbhead h2 { font-size: 18px !important } }  @media only screen and (max-width:620px) { .poiformhold { margin-left: 0; padding-left: 0; margin-top: 10px } .poititle { text-align: center !important; float: none !important } .poiformhold .moonray-form-element-wrapper.moonray-form-input-type-submit { margin-top: 3px; } #topoptin .containinterviews, #topoptinbot .containinterviews, .loopOptIn .containinterviews { padding: 10px 0 10px 84px; } .interviewspic { left: 0px; top: 46px; width: 140px; } #topoptin containinterviews .head, #topoptinbot .containinterviews .head, .loopOptIn .containinterviews .head { font-size: 24px; max-width: 300px; } #topoptinbot .containinterviews .subhead { font-size: 16px } #topoptin .containinterviews .free, #topoptinbot .containinterviews .free, .loopOptIn .containinterviews .free { background: none; padding-left: 43px; } img.ingredient { display: none } }  @media only screen and (max-width:590px) { .col1 .optinbl p.large { max-width: 400px; padding: 5px 0 0px 0; font-size: 26px; margin: 0 } .col1 .optinbl p.small { margin: 10px auto; clear: both; padding: 0 0 0 10px; max-width: 380px; } .col1 .optinbl .alignleft { margin: 10px 20px 0px 10px; max-width: 100px; } .col1 .optinbl form { margin: 0 auto; width: 360px; } .yarohold, .socialhold { float: none; width: 100%; border: none } .socialhold { border-top: 1px solid #efefef } #topoptin, #topoptinbot, .loopOptIn { padding: 0 5px } #topoptin .head, #topoptinbot .head, .loopOptIn .head { font-size: 24px; margin: 15px 0 5px 0; font-weight: 400 } #topoptin .subhead, #topoptinbot .subhead, .loopOptIn .subhead { font-size: 16px; margin: 5px 0 0px; font-weight: 400; padding-bottom: 0 } #topoptin .alignleft, #topoptinbot .alignleft, .loopOptIn .alignleft { margin: 5px 5px 0 0; } #topoptin input[type=email], #topoptinbot input[type=email], .loopOptIn input[type=email] { width: 190px !important; margin-right: 7px !important; padding: 8px !important; font-size: 16px !important; } #topoptin input[type=submit], #topoptinbot input[type=submit], .loopOptIn input[type=submit] { width: 100px !important; padding: 8px !important; font-size: 16px !important; } #topoptin .free, #topoptinbot .free, .loopOptIn .free { clear: none; margin: 0 auto; background-size: contain; } #topoptin img, #topoptinbot img, .loopOptIn img { max-height: 70px; width: auto !important } #topoptin .containbuysell, #topoptinbot .containbuysell, .loopOptIn .containbuysell { max-width: 340px } #topoptin .containbuysell .head, #topoptinbot .containbuysell .head, .loopOptIn .containbuysell .head { font-size: 24px; padding-right: 0 } #topoptin .containbuysell .subhead, #topoptinbot .containbuysell .subhead, .loopOptIn .containbuysell .subhead { font-size: 18px; padding-right: 170px; } .buysellpic { background: url(images/buysell-small.png) no-repeat; background-size: cover; width: 135px; height: 100px; bottom: 50px; right: 20px } #topoptin .containbuysell .free, #topoptinbot .containbuysell .free, .loopOptIn .containbuysell .free { background: none; padding: 0 } #topoptin #close2, #topoptinbot #close3, .loopOptIn .loopOptInClose, .loopOptInClose { font-size: 14px; top: 5px } #topoptin .containtraffic .free, #topoptinbot .containtraffic .free, .loopOptIn .containtraffic .free { background: none; padding-left: 90px; margin-top: 10px } #topoptin .containtraffic, #topoptinbot .containtraffic, .loopOptIn .containtraffic { max-width: 370px; margin: 0 auto!important; } #topoptin .containtraffic .head, #topoptinbot .containtraffic .head, .loopOptIn .containtraffic .head { font-size: 26px; } #topoptin .containtraffic .subhead, #topoptinbot .containtraffic .subhead, .loopOptIn .containtraffic .subhead { font-size: 17px; } .trafficpic { width: 150px; height: 75px; left: -50px; top: 90px; } #topoptin .containtraffic input[type=email], #topoptinbot .containtraffic input[type=email], .loopOptIn .containtraffic input[type=email] { width: 170px !important; } #topoptin .containtraffic input[type=submit], #topoptinbot .containtraffic input[type=submit], .loopOptIn .containtraffic input[type=submit] { width: 100px !important; } #topoptin .containmindset, #topoptinbot .containmindset, .loopOptIn .containmindset { max-width: 440px; margin: 0px auto 0 auto; text-align: left } #topoptin .containmindset .head, #topoptinbot .containmindset .head, .loopOptIn .containmindset .head { font-size: 21px; } #topoptin .containmindset .subhead, #topoptinbot .containmindset .subhead, .loopOptIn .containmindset .subhead { font-size: 16px; padding: 0 20px 0 105px; } .mindsetpic { width: 112px; height: 105px; left: -15px; bottom: 0px; top: auto } #topoptin .containmindset .free, #topoptinbot .containmindset .free, .loopOptIn .containmindset .free { margin: 0px 0 0 45px; background: none } #topoptin .containinterviews, #topoptinbot .containinterviews, .loopOptIn .containinterviews { padding: 10px 0 10px 10px; } .interviewspic { display: none } .side .img { margin-right: -100px; padding-right: 110px; float: left; height: auto; max-width: 200px } #commentform #nsu-checkbox label { width: 100% !important } html div#om-canvas-whiteboard-optin { max-width: 700px; width: 100% !important; left: 0 !important; } html div#om-canvas-whiteboard-optin-wrap { background: none !important; } html div#om-ipd2fxexlp-canvas h2 { font-size: 18px !important; padding: 15px 0 0 0 !important; margin: 0 !important; } html div#om-ipd2fxexlp-canvas h2 br { display: none; } html div#om-ipd2fxexlp-canvas form { position: relative !important; left: 0 !important; bottom: 0 !important; margin: 40px auto 0 auto; height: auto !important; width: 320px !important; } html div#om-ipd2fxexlp-canvas input[type=email] { width: 100% !important; max-width: 300px; } html div#om-ipd2fxexlp-canvas input[type=image] { max-width: 320px; width: 100% !important; } html div#om-ipd2fxexlp-canvas p { position: relative !important; padding: 0 !important; bottom: auto; font-size: 16px !important; } .relatedthumb { width: 120px; margin-right: 20px } .pagenavi .next { float: none; width: 100%; text-align: left; margin-top: 20px } .pagenavi .prev { float: none; width: 100%; } img.problem { max-width: 110px !important; } blockquote.compact { max-width: 80% } #topoptin .containinterviews .free, #topoptinbot .containinterviews .free, .loopOptIn .containinterviews .free { background: url(images/its-free-small.png) no-repeat left top; padding-left: 75px; margin: 10px auto 0; min-height: 40px; width: 420px } #topoptin .containinterviews .head, #topoptinbot .containinterviews .head, .loopOptIn .containinterviews .head { max-width: 280px; margin: 10px auto 0 } }  @media only screen and (max-width:470px) { .header { background: none; height: 30px; } .logo { display: none } .nav { bottom: 0 } h1 { font-size: 30px; margin: 5px 0 20px 0; } h2 { font-size: 24px; margin: 55px 0 25px 0 } .col1 .optinbl p.large { font-size: 22px; max-width: 320px; padding: 10px 0 5px 0; } .col1 .optinbl p.small { font-size: 14px; margin: 10px auto; clear: both; padding: 0 0 0 10px; max-width: 380px; } .col1 .optinbl .alignleft { margin: 15px 10px 0px 10px; max-width: 70px; } .col1 .optinbl input[type=email] { border-radius: 5px; padding: 8px; margin-right: 5px; max-width: 200px; width: 100%; float: left; font-size: 16px } .col1 .optinbl input[type=submit] { border-radius: 5px; padding: 8px; max-width: 100px; width: 100%; float: left; font-size: 16px } #topoptin img, #topoptinbot img, .loopOptIn img { display: none } #topoptin .free, #topoptinbot .free, .loopOptIn .free { background: none; padding: 0 } #topoptin .containinterviews input[type=email], #topoptinbot .containinterviews input[type=email], .loopOptIn .containinterviews input[type=email] { max-width: 140px !important; } #topoptin input[type=email], #topoptinbot input[type=email], .loopOptIn input[type=email] { max-width: 160px !important; } #topoptin input[type=submit], #topoptinbot input[type=submit], .loopOptIn input[type=submit] { max-width: 100px !important; } #topoptin .containinterviews input[type=submit], #topoptinbot .containinterviews input[type=submit], .loopOptIn .containinterviews input[type=submit] { max-width: 75px !important; } .trafficpic, .mindsetpic { display: none } #topoptin .containtraffic, #topoptinbot .containtraffic, .loopOptIn .containtraffic { margin: 0 auto !important; text-align: left; max-width: 320px } #topoptin .containtraffic .free, #topoptinbot .containtraffic .free, .loopOptIn .containtraffic .free { padding: 0 } #topoptin .containtraffic .head, #topoptinbot .containtraffic .head, .loopOptIn .containtraffic .head { font-size: 24px; } #topoptin .containtraffic .subhead, #topoptinbot .containtraffic .subhead, .loopOptIn .containtraffic .subhead { font-size: 16px; } #topoptin .containmindset, #topoptinbot .containmindset, .loopOptIn .containmindset { max-width: 300px; margin: 0px auto 0 auto; text-align: left } #topoptin .containmindset .head, #topoptinbot .containmindset .head, .loopOptIn .containmindset .head { font-size: 22px; } #topoptin .containmindset .subhead, #topoptinbot .containmindset .subhead, .loopOptIn .containmindset .subhead { font-size: 16px; padding: 0; } #topoptin .containmindset .free, #topoptinbot .containmindset .free, .loopOptIn .containmindset .free { margin: 0px 0 0 0; padding: 0; background: none } #topoptin .containinterviews .free, #topoptinbot .containinterviews .free, .loopOptIn .containinterviews .free { width: 300px } .readright { bottom: -10px; position: relative; float: right; } .relatedthumb { width: 100%; margin-right: 0; float: none; margin-bottom: 20px; } img.problem { display: none } .fancytest img, .fancytest2 img { float: none; display: block; } }  @media only screen and (max-width:380px) { #topoptin .containbuysell, #topoptinbot .containbuysell, .loopOptIn .containbuysell { max-width: 280px } #topoptin .containbuysell .head, #topoptinbot .containbuysell .head, .loopOptIn .containbuysell .head { font-size: 22px; } #topoptin .containbuysell .subhead, #topoptinbot .containbuysell .subhead, .loopOptIn .containbuysell .subhead { font-size: 16px; padding-right: 0 } .buysellpic { display: none } #topoptin .containtraffic, #topoptinbot .containtraffic, .loopOptIn .containtraffic { max-width: 280px; } #topoptin .containtraffic .head, #topoptinbot .containtraffic .head, .loopOptIn .containtraffic .head { font-size: 20px; line-height: 22px } #topoptin .containtraffic .subhead, #topoptinbot .containtraffic .subhead, .loopOptIn .containtraffic .subhead { font-size: 14px; line-height: 14px } #topoptin #close2, #topoptinbot #close3, .loopOptIn .loopOptInClose, .loopOptInClose { font-size: 12px; top: 5px } img.felt { display: none } ol.tablelist { width: 200px } }  /* Email Sign Up */ .style1 { background: #e6e6e6; background: -moz-linear-gradient(top, #e6e6e6 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e6e6e6), color-stop(100%, #ffffff)); background: -webkit-linear-gradient(top, #e6e6e6 0%, #ffffff 100%); background: -o-linear-gradient(top, #e6e6e6 0%, #ffffff 100%); background: -ms-linear-gradient(top, #e6e6e6 0%, #ffffff 100%); background: linear-gradient(to bottom, #e6e6e6 0%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#ffffff', GradientType=0 ); padding: 0 2%; box-shadow: 0px 0px 2px #D2D2D2; border-radius: 2px; height: auto; } .style2 { width: auto !important; padding-bottom: 7px; } .h3style { font-family: 'Roboto'; font-weight: 300; font-size: 28px !important; color: #000; margin-top: 12px; } .style3 { margin-top: -62px; margin-left: auto; width: 40%; } .style4 { height: 30px !important; padding-left: 5px !important; padding-right: 5px !important; font-family: 'roboto' !important; font-size: 14px !important; font-weight: 300 !important; color: #767676 !important; margin-right: 10px !important; margin-left: 0 !important; border-radius: 2px !important; border: 0 !important; box-shadow: 0 0 2px #d2d2d2 !important; } .style5 { border: 0 !important; border-radius: 2px !important; height: 30px !important; padding-left: 10px !important; padding-right: 10px !important; color: #fff !important; font-family: 'roboto' !important; font-weight: 300 !important; font-size: 16px !important; padding-top: 5px !important; padding-bottom: 5px !important; box-shadow: 0 0 2px #d2d2d2 !important; background: -moz-linear-gradient(top, #ffb716 0%, #ff7f0d 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffb716), color-stop(100%, #ff7f0d)) !important; background: -webkit-linear-gradient(top, #ffb716 0%, #ff7f0d 100%) !important; background: -o-linear-gradient(top, #ffb716 0%, #ff7f0d 100%) !important; background: -ms-linear-gradient(top, #ffb716 0%, #ff7f0d 100%) !important; background: linear-gradient(to bottom, #ffb716 0%, #ff7f0d 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb716', endColorstr='#ff7f0d', GradientType=0 ) !important; } .style6 { padding: 0 !important; } input#mr-field-element-728032643673 { width: 60% !important; } .wp-image-20397, .wp-image-20401, .wp-image-20406 { max-width: 100%; }  @media only screen and (max-width: 1480px) { .h3style { font-size: 22px !important; } .style5 { font-size: 14px !important; } .style3 { width: 48%; } input#mr-field-element-728032643673 { width: 67% !important; } }  @media only screen and (max-width: 1386px) { .style3 { width: 100%; margin-top: -24px; } input#mr-field-element-728032643673 { width: 83% !important; margin-bottom: 8px !IMPORTANT; } .h3style { text-align: center !important; } }  @media only screen and (max-width: 1020px) { input#mr-field-element-728032643673 { display: inline; float: none; margin-bottom: 8px !important; text-align: center; width: 100% !important; } input#mr-field-element-747788863722 { display: inline; float: none; margin: 0 40% 15px !important; } .style2 { padding-bottom: 0; } }  @media only screen and (max-width: 500px) { input#mr-field-element-747788863722 { margin: 0 35% 15px !important; } } /*Styles for jobs(/working-with-yaro) page*/  @media(min-width:1080px) { #post-19686 { padding-left: 7%; padding-right: 7%; } }  @media(max-width:1079px) and (min-width:756px) { #post-19686 { padding-left: 3%; padding-right: 3%; } } .johnsonbox-custom { text-align: center; border-radius: 4px; } .johnsonbox-custom h2 { margin-top: 30px; margin-bottom: 8px; } .johnsonbox-custom h3 { margin-bottom: 25px; } .johnsonbox-custom { text-align: center; border-radius: 4px; } .tilt-image img { float: left; border: 8px solid #ffffff; box-shadow: 0px 0px 5px 0px #333333; /* margin: 25px 49px 15px -43px;  transform: rotate(-4deg);*/ } /*@media(max-width:786px) and (min-width:587px) {.tilt-image img{ margin: 25px 49px 15px 35px; }}@media(max-width:586px){.tilt-image img{ margin: 23px 168px 23px 5px;}}*/ .image-team-left { float: left; text-align: center; width: 25%; } .image-team-right { float: right; text-align: center; width: 25%; }  @media(max-width:900px) { .image-team-left, .image-team-right { width: 100% !important; } .team-container { padding-bottom: 25px; } } .tilt-image img { margin-bottom: 0px; }  @media(min-width:1080px) { #post-20381 { padding-left: 10%; padding-right: 10%; } }  @media(max-width:1079px) and (min-width:756px) { #post-20381 { padding-left: 5%; padding-right: 5%; } }  @media print { * { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } }