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, 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%; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } 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, 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%; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } html { overflow-x: hidden; } body { color: #222; font-size: 100%; -webkit-font-smoothing: antialiased; font-weight: 400; line-height: 100%; margin: 0px auto; padding: 0px; } h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { -webkit-backface-visibility: hidden; color: #222; } img { max-width: 100%; height: auto; -webkit-backface-visibility: hidden; } iframe, embed, object, video { max-width: 100%; } #truethemes_container #main { float: left; } a, a:visited { font-weight: 700; text-decoration: none; -webkit-transition: color .3s; -moz-transition: color .3s; -ms-transition: color .3s; -o-transition: color .3s; transition: color .3s; } a:hover { text-decoration: none; } a:active, a:focus { outline: none; } #site, #site-wrap { overflow: hidden; width: 100%; } .relative { position: relative; } .w100 { width: 100% !important; } .right, .alignright { float: right; } .alignright { margin: 20px 0 20px 20px; } .left, .alignleft { float: left; } .alignleft { margin: 20px 20px 20px 0; } .aligncenter { display: block; margin: 0 auto; } .section-div { border-bottom: 1px dotted #ccc; float: left; margin: 20px 0; width: 100%; } .section { clear: both; overflow: hidden; } .mob-img { display: none; } #wallpaper { display: block; position: absolute; top: 50px; width: 100%; height: 100%; } .wall-fixed { position: fixed !important; top: 50px !important; } .wallpaper-link { margin: 0 auto; position: absolute; top: 0; width: 100%; height: 100%; } #fly-wrap, ul.post-gallery-bot-list li img, .post-gallery-top .flex-direction-nav a, .fly-fade, nav.main-menu-wrap, nav.main-menu-wrap ul li a, nav.main-menu-wrap ul li.menu-item-has-children a:after, .mega-img img, span.nav-search-but i, span.nav-soc-but i, ul.score-list li, .es-nav span a, .feat-wide-sub-text h2, .feat-wide1-img img, .feat-top2-left-img img, .feat-top2-right-img img, .feat-wide5-img img, #home-feat-img img, .feat-vid-but, .side-list-img img, .side-list-text p, .row-widget-img img, .row-widget-text p, .blog-widget-img img, .blog-widget-text h2, .feat-widget-img img, .feat-widget-text h2, span.more-posts-text, .facebook-share, .twitter-share, .pinterest-share, .email-share, .social-comments, .prev-next-text, :is(#comments-button, .ka-comments-button) a, :is(#comments-button, .ka-comments-button) span.comment-but-text, .archive-list-img img, .archive-list-text h2, ul.foot-soc-list li a, .tag-cloud a, a.inf-more-but, .mvp-related-img img { -webkit-transition: all .25s; -moz-transition: all .25s; -ms-transition: all .25s; -o-transition: all .25s; transition: all .25s; } #fly-wrap { background: #444; overflow: hidden; position: fixed; top: 0; bottom: 0; left: 0; -webkit-transform: translate3d(-370px,0,0); -moz-transform: translate3d(-370px,0,0); -ms-transform: translate3d(-370px,0,0); -o-transform: translate3d(-370px,0,0); transform: translate3d(-370px,0,0); width: 370px; height: 100%; z-index: 10; } .fly-wrap-out { float: right; margin-left: -40px; position: relative; width: 100%; height: 100%; } .fly-wrap-in { margin-left: 40px; position: relative; height: 100%; } .fly-side-wrap { background: #555; position: absolute; left: 0; top: 0; bottom: 0; width: 40px; height: 100%; } #fly-wrap, #main-nav-wrap, #score-wrap, #soc-nav-wrap, #body-main-wrap, .fly-to-top, .col-tabs-wrap, #wallpaper, nav.main-menu-wrap ul li.mega-dropdown .mega-dropdown, #head-main-top { -webkit-transition: -webkit-transform 0.3s ease; -moz-transition: -moz-transform 0.3s ease; -ms-transition: -ms-transform 0.3s ease; -o-transition: -o-transform 0.3s ease; transition: transform 0.3s ease; } .fly-but-wrap { cursor: pointer; width: 60px; height: 50px; } .fly-but-wrap span { background: #fff; display: block; position: absolute; left: 15px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; width: 30px; height: 3px; } .fly-but-wrap span:nth-child(1) { top: 15.5px; } .fly-but-wrap span:nth-child(2), .fly-but-wrap span:nth-child(3) { top: 23.5px; } .fly-but-wrap span:nth-child(4) { top: 31.5px; } .fly-but-wrap.fly-open span:nth-child(1), .fly-but-wrap.fly-open span:nth-child(4) { top: 24px; left: 50%; width: 0%; } .fly-but-wrap.fly-open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .fly-but-wrap.fly-open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .fly-menu { -webkit-transform: translate3d(0,0,0) !important; -moz-transform: translate3d(0,0,0) !important; -ms-transform: translate3d(0,0,0) !important; -o-transform: translate3d(0,0,0) !important; transform: translate3d(0,0,0) !important; } .fly-content, .main-nav-over { -webkit-transform: translate3d(370px,0,0) !important; -moz-transform: translate3d(370px,0,0) !important; -ms-transform: translate3d(370px,0,0) !important; -o-transform: translate3d(370px,0,0) !important; transform: translate3d(370px,0,0) !important; } ul.fly-bottom-soc { overflow: hidden; width: 100%; } ul.fly-bottom-soc li a { border-top: 1px solid #444; color: #888; cursor: pointer; float: left; overflow: hidden; text-align: center; -webkit-transition: all .3s; transition: all .3s; width: 100%; } ul.fly-bottom-soc li i { font-size: 20px; padding: 10px; width: 20px; } ul.fly-bottom-soc li.fb-soc a:hover, .post-soc-fb { background: #3b5997; color: #fff; } ul.fly-bottom-soc li.twit-soc a:hover, .post-soc-twit { background: #00aced; color: #fff; } ul.fly-bottom-soc li.pin-soc a:hover, .post-soc-pin { background: #cb2027; color: #fff; } ul.fly-bottom-soc li.inst-soc a:hover { background: #36658c; color: #fff; } ul.fly-bottom-soc li.goog-soc a:hover { background: #cd3627; color: #fff; } ul.fly-bottom-soc li.yt-soc a:hover { background: #f00; color: #fff; } ul.fly-bottom-soc li.link-soc a:hover { background: #069; color: #fff; } ul.fly-bottom-soc li.tum-soc a:hover { background: #304e6c; color: #fff; } ul.fly-bottom-soc li.rss-soc a:hover { background: #f60; color: #fff; } .fly-to-top { background: #333; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; overflow: hidden; position: fixed; right: 15px; bottom: 0; -webkit-transition: all .3s; transition: all .3s; width: 50px; height: 50px; } .fly-to-top:hover { background: #555; } .fly-to-top { -webkit-transform: translate3d(0,100px,0); -moz-transform: translate3d(0,100px,0); -ms-transform: translate3d(0,100px,0); -o-transform: translate3d(0,100px,0); transform: translate3d(0,100px,0); } .to-top-trans { -webkit-transform: translate3d(0,-15px,0); -moz-transform: translate3d(0,-15px,0); -ms-transform: translate3d(0,-15px,0); -o-transform: translate3d(0,-15px,0); transform: translate3d(0,-15px,0); } .fly-to-top i { font-size: 40px; line-height: 100%; position: absolute; top: -3px; left: 12.1px; } span.to-top-text { font-family: 'Lato', sans-serif; font-size: 8px; font-weight: 400; line-height: 100%; position: absolute; bottom: 11px; left: 10.5px; text-transform: uppercase; } .fly-to-top i, span.to-top-text { color: #fff; } #fly-menu-wrap { overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } nav.fly-nav-menu { -webkit-backface-visibility: hidden; backface-visibility: hidden; margin: 15px 4.54545454545% 0; overflow: hidden; position: absolute !important; width: 90.9090909091%; height: 87%; } nav.fly-nav-menu ul { float: left; position: relative; width: 100%; } nav.fly-nav-menu ul div.mega-dropdown { display: none; } nav.fly-nav-menu ul li { border-top: 1px solid #555; cursor: pointer; float: left; position: relative; width: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0); } nav.fly-nav-menu ul li:first-child { border-top: none; margin-top: -14px; } nav.fly-nav-menu ul li ul li:first-child { margin-top: 0; } nav.fly-nav-menu ul li a { color: #fff; display: inline-block; float: left; font-size: 13px; font-weight: 400; line-height: 100%; padding: 14px 0; text-transform: uppercase; } nav.fly-nav-menu ul li a:hover { color: #bbb; } nav.fly-nav-menu ul li.menu-item-has-children:after { content: '+'; color: #777; font-family: 'Open Sans', serif; font-size: 32px; font-weight: 800; position: absolute; right: 0; top: 11px; } nav.fly-nav-menu ul li.menu-item-has-children.tog-minus:after { content: '_'; right: 1px; top: -4px; } nav.fly-nav-menu ul li ul.sub-menu { border-top: 1px solid #555; display: none; float: left; padding-left: 6.66666666666%; width: 93.333333333%; } .fly-fade { background: #000; opacity: 0; width: 100%; position: fixed; top: 0; left: 0; } .fly-fade-trans { opacity: .5; height: 100%; } #head-main-wrap { width: 100%; } #head-main-top { width: 100%; z-index: 99999; } #main-nav-wrap { float: left; position: relative; width: 100%; height: 50px; z-index: 9999; } #main-nav-cont { width: 100%; } .nav-logo-out { float: right; margin-left: -280px; width: 100%; } .nav-logo-in { margin-left: 280px; } .nav-left-wrap { width: 280px; } .nav-logo-fade { line-height: 0; overflow: hidden; padding-right: 0; width: 0; } .nav-logo { line-height: 0; padding-right: 20px; width: 200px; } .nav-menu-out { float: left; margin-right: -123px; width: 100%; } .nav-menu-in { margin-right: 123px; } nav.main-menu-wrap { top: 0; width: 100%; } nav.main-menu-wrap ul { float: left; width: 1000%; } nav.main-menu-wrap ul li { float: left; position: relative; } nav.main-menu-wrap ul li.mega-dropdown { position: static; } nav.main-menu-wrap ul li a { float: left; font-size: 13px; font-weight: 400; line-height: 100%; opacity: 1; padding: 18.5px 14px; position: relative; text-transform: uppercase; } nav.main-menu-wrap ul li.menu-item-has-children ul.sub-menu li a:after, nav.main-menu-wrap ul li.menu-item-has-children ul.sub-menu li ul.sub-menu li a:after, nav.main-menu-wrap ul li.menu-item-has-children ul.sub-menu li ul.sub-menu li ul.sub-menu li a:after, nav.main-menu-wrap ul li.menu-item-has-children ul.mega-list li a:after { border-style: none; border-width: medium; content: ''; position: relative; top: auto; right: auto; } nav.main-menu-wrap ul li.menu-item-has-children a:after { border-style: solid; border-width: 3px 3px 0 3px; content: ''; position: absolute; top: 23.5px; right: 5px; } nav.main-menu-wrap ul li.menu-item-has-children a { padding: 18.5px 17px 18.5px 14px; } nav.main-menu-wrap ul li ul.sub-menu { background: #fff; -webkit-box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.15); -moz-box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.15); -ms-box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.15); -o-box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.15); box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.15); position: absolute; top: 50px; left: 0; max-width: 200px; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; -ms-transition: -ms-transform 0.3s; -o-transition: -o-transform 0.3s; transition: transform 0.3s; -webkit-transform: translateY(-999px); -moz-transform: translateY(-999px); -ms-transform: translateY(-999px); -o-transform: translateY(-999px); transform: translateY(-999px); width: auto; z-index: -1; } nav.main-menu-wrap ul li.mega-dropdown ul.sub-menu { display: none; } nav.main-menu-wrap ul li:hover ul.sub-menu { overflow: visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } nav.main-menu-wrap ul li ul.sub-menu li { display: block; float: left; position: relative; width: 100%; } nav.main-menu-wrap ul li ul.sub-menu li a { background: #fff; border-top: 1px solid rgba(0,0,0,.1); color: #333 !important; font-size: 12px; padding: 12px 20px; text-transform: none; width: 160px; } nav.main-menu-wrap ul li ul.sub-menu li a:hover { background: rgba(0,0,0,.1); } nav.main-menu-wrap ul li ul.sub-menu ul.sub-menu li ul, nav.main-menu-wrap ul li ul.sub-menu li ul { display: none; position: absolute; top: 0; left: 200px; z-index: 10; } nav.main-menu-wrap ul li ul.sub-menu ul.sub-menu li:hover ul, nav.main-menu-wrap ul li ul.sub-menu li:hover ul { display: block; } nav.main-menu-wrap ul li ul.sub-menu li .mega-dropdown { display: none; } nav.main-menu-wrap ul li:hover ul.sub-menu li.menu-item-has-children a { position: relative; } nav.main-menu-wrap ul li:hover ul.sub-menu li.menu-item-has-children a:after, nav.main-menu-wrap ul li:hover ul.sub-menu li ul.sub-menu li.menu-item-has-children a:after { border-color: transparent transparent transparent #333 !important; border-style: solid; border-width: 3px 0 3px 3px; content: ''; position: absolute; top: 15px; right: 10px; } nav.main-menu-wrap ul li.mega-dropdown .mega-dropdown { background: #fff; border-top: 1px solid #ddd; -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.15); -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.15); -ms-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.15); -o-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.15); box-shadow: 0 2px 5px 0 rgba(0,0,0,0.15); position: absolute; top: 50px; left: 0; -webkit-transform: translateY(-999px); -moz-transform: translateY(-999px); -ms-transform: translateY(-999px); -o-transform: translateY(-999px); transform: translateY(-999px); width: 100%; z-index: -4000; } nav.main-menu-wrap ul li.mega-dropdown:hover .mega-dropdown { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } nav.main-menu-wrap ul li ul.mega-list li a { background: none !important; float: left; font-size: .8em; font-weight: 400; line-height: 140%; padding: 0 !important; text-transform: none; } nav.main-menu-wrap ul li ul.mega-list li .mega-img a { line-height: 0; } ul.mega-list { float: left; width: 100% !important; } ul.mega-list li { float: left; overflow: hidden; padding: 20px 0 20px 1.26342387871%; width: 18.4838913455%; } .mega-img { background: #000; float: left; line-height: 0; margin-bottom: 15px; overflow: hidden; position: relative; width: 100%; max-height: 130px; } .mega-img img { opacity: .9; width: 100%; } ul.mega-list li:hover .mega-img img { opacity: 1; } .mega-img a { padding: 0; } .nav-right-wrap { float: right; width: 123px; height: 50px; } .nav-search-wrap { width: 50px; height: 50px; } .search-fly-wrap { background: #fff; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; -ms-border-bottom-left-radius: 5px; -o-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px; -ms-border-bottom-right-radius: 5px; -o-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3); -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3); -ms-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3); -o-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3); box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3); display: none; overflow: hidden; padding: 10px; position: absolute; top: 50px; right: 0; width: 300px; height: 32px; } #searchform input { background: rgba(0,0,0,.05); border: 0; color: #333; float: left; font-family: 'Lato', sans-serif; font-size: .9rem; font-weight: 400; line-height: 100%; padding: 2px 5%; width: 90%; height: 30px; } #searchform #searchsubmit { border: none; float: left; } #searchform #s:focus { outline: none; } span.nav-search-but, span.nav-soc-but { display: inline-block; float: left; padding: 17px 11px; } span.nav-search-but { cursor: pointer; padding: 14px 15px; } span.nav-search-but i, span.nav-soc-but i { font-size: 16px; line-height: 100%; } span.nav-search-but i { font-size: 22px; } .fixed, .fixed-col { border-bottom: none !important; -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3); -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3); -ms-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3); -o-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3); box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3); position: fixed !important; } .col-tabs-wrap { background: #eee; border-top: 1px solid #ddd; -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3); -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3); -ms-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3); -o-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3); box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3); display: none; position: relative; width: 100%; height: 30px; z-index: 999; } ul.col-tabs { width: 100%; } ul.col-tabs li { cursor: pointer; float: left; position: relative; text-align: center; width: 33.33333333%; height: 30px; } ul.col-tabs li a { color: #bbb; display: inline-block; font-size: 12px; font-weight: 400; line-height: 100%; padding: 9px 0; text-transform: uppercase; width: 100%; } ul.col-tabs li.active { background: #fff; } ul.col-tabs li.active a { color: #222; } #score-wrap { -webkit-backface-visibility: hidden; background: #333; overflow: hidden; width: 100%; height: 51px; z-index: 99999; } .score-cont { width: 100%; } .score-out { float: right; margin-left: -151px; width: 100%; } .score-in { margin-left: 151px; } #score-menu-wrap { width: 150px; height: 51px; } .score-nav-menu { float: left; margin: 12.5px 5%; overflow: hidden; position: relative; width: 90%; height: 26px; } .score-nav-menu:before { content: ''; cursor: pointer; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #bbb; position: absolute; top: 10px; right: 10px; } .score-nav-menu .tabs { width: 100%; } .score-nav-menu select { background: #444; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; color: #fff; cursor: pointer; float: left; font-size: 12px; font-weight: 800; line-height: 100%; outline: none; padding: 0 8.33333333333%; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; -ms-transition: background 0.2s; -o-transition: background 0.2s; transition: background 0.2s; -webkit-appearance: none !important; -moz-appearance: none !important; text-indent: .01px; text-overflow: ''; width: 83.33333333333%; height: 26px; } .score-nav-menu select option { background: #444; color: #fff; font: 800 12px/100% 'Open Sans', sans-serif; height: 100%; } .score-main { overflow: hidden; width: 100%; height: 51px; } ul.score-list { width: 100%; height: 51px; } ul.score-list li { background: #444; border: 1px solid #444; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; margin: 5px 2px 5px 0; padding: 3px 10px 6px; width: 130px; height: 30px; } ul.score-list li:hover { background: #333; border: 1px solid #555; } .score-top { float: right; overflow: hidden; text-align: center; width: 33%; height: 30px; } .score-bot { overflow: hidden; padding-right: 7%; width: 60%; height: 30px; } .score-top p, .score-bot p { color: #bbb; font-family: 'Lato', sans-serif; font-size: 11px; font-weight: 400; line-height: 150%; } .score-bot-left { width: 60%; height: 30px; } .score-bot-right { float: right; text-align: right; width: 40%; height: 30px; } .es-carousel { float: left; position: relative; width: 100%; height: 51px; } .es-nav { position: absolute; top: 0; right: 0; width: 100%; } .es-nav span { cursor: pointer; position: absolute; width: 20px; height: 51px; } .es-nav span a { color: #bbb; font-family: 'Quicksand', sans-serif; font-size: 24px; font-weight: 400; line-height: 100%; padding: 13px 0; } .es-nav span:hover a { color: #fff; } .es-nav span a:hover { text-decoration: none; } .es-nav span.es-nav-prev a { float: left; } .es-nav span.es-nav-next a { float: right; } .es-nav span.es-nav-prev, .es-nav span.es-nav-next { background: #333; } .es-nav span.es-nav-prev { border-left: 1px solid #444; border-right: 1px solid #444; padding: 0 10px 0 15px; text-align: left; left: 0; } .es-nav span.es-nav-next { border-left: 1px solid #444; padding: 0 15px 0 10px; text-align: right; right: 0; } .leader-wrap-out { float: right; margin-left: -30px; position: relative; right: 15px; width: 100%; } .leader-wrap-in { margin-left: 30px; } #leader-wrap, .leader-right-wrap { line-height: 0; text-align: center; width: 100%; } #leader-wrap { background: #eee; margin-bottom: 15px; } #head-main-top #leader-wrap { margin: 15px 0 0; } .leader-right-wrap { margin: 0; } #logo-leader-wrap { margin: 15px 0 0; width: 100%; } .logo-leader-out { float: right; margin-left: -315px; width: 100%; } .logo-leader-in { margin-left: 315px; } .logo-left-wrap { margin-right: 15px; line-height: 0; width: 300px; } .logo-wide-wrap { line-height: 0; margin-top: 15px; text-align: center; width: 100%; } h1.mvp-logo-title, h2.mvp-logo-title { display: none; } #feat-wide-wrap { margin: -15px 0 15px; overflow: hidden; width: 100%; } #feat-wide-main { width: 100%; height: 450px; } #feat-wide-main:hover .feat-wide1-img img { opacity: 1; } .feat-wide1-text { background-image: -moz-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%); background-image: -ms-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%); background-image: -o-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%); background-image: -webkit-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%); background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.7))); background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%); padding: 100px 3.15855969678% 50px; position: absolute; bottom: 0; left: 0; text-align: center; width: 93.7%; } .feat-wide4-text { background-image: -moz-linear-gradient(to left,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%); background-image: -ms-linear-gradient(to left,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%); background-image: -o-linear-gradient(to left,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%); background-image: -webkit-linear-gradient(to left,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%); background-image: -webkit-gradient(linear, right top, left top, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.7))); background-image: linear-gradient(to left,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%); padding: 75px 100px; position: absolute; top: 0; left: 0; text-align: center; width: 25%; height: 300px; } #feat-top-wrap .feat-wide4-text { padding: 75px 100px 75px 50px; } #feat-wide-main .feat-wide1-text h2, #feat-wide-main .feat-wide4-text h2 { font-size: 3.4rem; } #feat-wide-main .feat-wide1-text p, #feat-wide-main .feat-wide4-text p { font-size: 1.6rem; } #feat-wide-sub { background-image: -moz-linear-gradient(to right,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%); background-image: -ms-linear-gradient(to right,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%); background-image: -o-linear-gradient(to right,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%); background-image: -webkit-linear-gradient(to right,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.7))); background-image: linear-gradient(to right,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%); padding: 40px 100px; position: absolute; top: 0; right: 0; width: 17%; height: 370px; } #feat-top-wrap #feat-wide-sub { padding: 40px 50px 40px 100px; } ul.feat-wide-sub-list { width: 100%; } ul.feat-wide-sub-list li { float: left; margin-bottom: 20px; text-align: center; width: 100%; } .feat-wide-sub-text { text-align: center; width: 100%; } .feat-wide-sub-text span.feat-cat { background: none; color: #aaa; font-weight: 400; padding: 0; } .feat-wide-sub-text h2 { color: #fff; font-size: .9rem; font-weight: 400; line-height: 130%; width: 100%; } ul.feat-wide-sub-list li:hover .feat-wide-sub-text h2 { color: #bbb; } .feat-wide5-main { margin-left: .094756790903%; overflow: hidden; width: 24.9289324068%; height: 450px; } #feat-top-wrap .feat-wide5-main { height: 450px; } .feat-wide5-main:first-child { margin-left: 0; } .feat-wide5-img img { min-width: 840px; } .feat-wide5-main:hover .feat-wide5-img img { opacity: 1; } .feat-wide5-text { background-image: -moz-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%); background-image: -ms-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%); background-image: -o-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%); background-image: -webkit-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%); background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.7))); background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%); padding: 40px 5.050505050505% 20px; position: absolute; left: 0; bottom: 0; width: 90%; } .feat-wide5-text h2 { color: #fff; float: left; font-size: 1.5rem; font-weight: 700; line-height: 120%; -webkit-text-shadow: 1px 1px 1px rgba(0,0,0,.3); -moz-text-shadow: 1px 1px 1px rgba(0,0,0,.3); -ms-text-shadow: 1px 1px 1px rgba(0,0,0,.3); -o-text-shadow: 1px 1px 1px rgba(0,0,0,.3); text-shadow: 1px 1px 1px rgba(0,0,0,.3); width: 100%; } #feat-top-wrap .feat-wide5-text h2 { font-size: 1.4rem; } #feat-top-wrap { margin-bottom: 15px; overflow: hidden; width: 100%; } #feat-top-wrap #home-feat-img { max-height: 450px; } #feat-top-wrap #feat-wide-main { height: 450px; } .feat-top2-left-wrap { width: 49.9457700651%; height: 370px; } #feat-wide-wrap .feat-top2-left-wrap, #feat-wide-wrap .feat-top2-right-wrap, #feat-wide-wrap .feat-top2-right:first-child { height: 450px; } .feat-top2-left { overflow: hidden; width: 100%; height: 100%; } .feat-wide1-img, .feat-top2-left-img, .feat-top2-right-img, .feat-wide5-img { background: #000; line-height: 0; overflow: hidden; width: 100%; height: 100%; } .feat-top2-left-img img, .feat-top2-right:first-child .feat-top2-right-img img { min-width: 660px; } #feat-wide-wrap .feat-top2-left-img img, #feat-wide-wrap .feat-top2-right:first-child .feat-top2-right-img img { min-width: 810px; } .feat-wide1-img img, .feat-top2-left-img img, .feat-top2-right-img img, .feat-wide5-img img { margin: 0 auto; opacity: .9; position: absolute; left: -9999px; right: -9999px; width: 100%; } .feat-top2-left:hover .feat-top2-left-img img, .feat-top2-right:hover .feat-top2-right-img img { opacity: 1; } .feat-top2-left-text { background-image: -moz-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%); background-image: -ms-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%); background-image: -o-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%); background-image: -webkit-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%); background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.7))); background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%); padding: 30px 2.17155266015% 15px; position: absolute; left: 0; bottom: 0; width: 95.7%; } .feat-top2-right-wrap { overflow: hidden; width: 50.0542299349%; height: 370px; } .feat-top2-right { margin: 0 0 1px .216684723727%; overflow: hidden; width: 49.7833152763%; height: 184.5px; } #feat-wide-wrap .feat-top2-right { height: 224.5px; } .feat-top2-right:first-child { height: 370px; } .feat-top2-right:first-child .feat-top2-right-text h2 { font-size: 1.3rem; } .feat-top2-right .feat-top2-small, .feat-top2-right:first-child .feat-top2-big { display: block; } .feat-top2-right .feat-top2-big, .feat-top2-right:first-child .feat-top2-small { display: none; } .feat-top2-right-img img { min-width: 310px; } #feat-wide-wrap .feat-top2-right-img img { min-width: 400px; } .feat-top2-right-text { background-image: -moz-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%); background-image: -ms-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%); background-image: -o-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%); background-image: -webkit-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%); background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.7))); background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%); padding: 30px 4.36205016358% 15px; position: absolute; left: 0; bottom: 0; width: 92.3%; } .feat-top2-right-text h2 { color: #fff; float: left; font-size: 1rem; font-weight: 400; line-height: 130%; -webkit-text-shadow: 1px 1px 1px rgba(0,0,0,.3); -moz-text-shadow: 1px 1px 1px rgba(0,0,0,.3); -ms-text-shadow: 1px 1px 1px rgba(0,0,0,.3); -o-text-shadow: 1px 1px 1px rgba(0,0,0,.3); text-shadow: 1px 1px 1px rgba(0,0,0,.3); width: 100%; } #home-feat-wrap { width: 100%; } .home-feat-main { overflow: hidden; width: 100%; } #home-feat-img { background: #000; line-height: 0; width: 100%; max-height: 350px; } .category #home-feat-img { max-height: 450px; } #home-feat-img img { opacity: .9; width: 100%; } .home-feat-main:hover #home-feat-img img { opacity: 1; } #home-feat-text { background-image: -webkit-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%); background-image: -moz-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%); background-image: -ms-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%); background-image: -o-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%); background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%); background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.7))); padding: 50px 2.62123197903% 35px; position: absolute; left: 0; bottom: 0; text-align: left; width: 94.8%; } #feat-top-wrap #home-feat-text { padding: 50px 2.16919739696% 30px; width: 95.7%; } .category #home-feat-text { padding: 50px 1.87265917603% 20px; width: 96.3%; } span.feat-cat { clear: both; color: #fff; display: inline-block; font-family: 'Montserrat', sans-serif; font-size: .65rem; font-weight: 700; line-height: 100%; margin-bottom: 7px; padding: 4px 10px; text-transform: uppercase; } #home-feat-wrap span.feat-cat { margin-bottom: 8px; } #home-feat-text h2, .feat-top2-left-text h2, .feat-wide1-text h2, .feat-wide4-text h2 { color: #fff; float: left; font-size: 2.3rem; font-weight: 800; line-height: 100%; margin-bottom: 5px; -webkit-text-shadow: 1px 1px 1px rgba(0,0,0,.3); -moz-text-shadow: 1px 1px 1px rgba(0,0,0,.3); -ms-text-shadow: 1px 1px 1px rgba(0,0,0,.3); -o-text-shadow: 1px 1px 1px rgba(0,0,0,.3); text-shadow: 1px 1px 1px rgba(0,0,0,.3); text-transform: uppercase; width: 100%; } #home-feat-text h2.stand-title, .feat-top2-left-text h2.stand-title, .feat-wide1-text h2.stand-title { font-size: 2rem; line-height: 120%; text-transform: none; } #home-feat-text p, .feat-top2-left-text p, .feat-wide1-text p, .feat-wide4-text p { color: #fff; float: left; font-size: 1.1rem; font-weight: 400; line-height: 120%; width: 100%; } .feat-info-wrap { position: absolute; top: 0; right: 0; } #home-feat-wrap .feat-info-wrap, #feat-wide-wrap .feat-wide5-main .feat-info-wrap { top: 5px; right: 10px; } #feat-wide-wrap .feat-info-wrap { top: 10px; right: 15px; } #feat-top-wrap .feat-info-wrap { top: 5px; right: 5px; } .feat-info-views, .feat-info-comm { color: #fff; display: inline-block; margin: 10px; } .feat-info-comm { margin-left: 5px; } .feat-info-wrap i { font-size: .8rem; line-height: 100%; margin-top: -1px; vertical-align: top; } span.feat-info-text { font-family: 'Montserrat', sans-serif; font-size: .7rem; font-weight: 400; line-height: 100%; margin-left: 3px; vertical-align: top; } .feat-title-wrap { position: absolute; left: 20px; bottom: -1px; } h3.home-feat-title { background: #fff; color: #222; display: inline-block; font-size: 13px; font-weight: 700; line-height: 100%; padding: 6px 10px 0; position: relative; text-transform: uppercase; } h3.home-feat-title:after { content: ''; border-color: transparent transparent transparent #fff;; border-style: solid; border-width: 19px 0 0 15px; position: absolute; right: -14.9px; top: 0; } .feat-vid-but { background: rgba(0,0,0,.3); border: 4px solid #fff; font-size: 32px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; margin: -34px 0 0 -34px; opacity: .75; position: absolute; left: 50%; top: 50%; width: 60px; height: 60px; } .feat-vid-but i { -webkit-backface-visibility: hidden; color: #fff; font-size: 1em; margin: -26.66666666% 0 0 -16.66666666%; position: absolute; top: 50%; left: 50%; } .home-feat-main:hover .feat-vid-but, ul.side-list li:hover .feat-vid-but, #feat-wide-main:hover .feat-vid-but, ul.row-widget-list li:hover .feat-vid-but, ul.blog-widget-list li:hover .feat-vid-but, .feat-widget-wrap:hover .feat-vid-but, ul.mega-list li:hover .feat-vid-but, ul.archive-col-list li:hover .feat-vid-but, ul.archive-list li:hover .feat-vid-but, .feat-wide5-main:hover .feat-vid-but, .feat-top2-left:hover .feat-vid-but, .feat-top2-right:hover .feat-vid-but { background: rgba(0,0,0,.5); opacity: 1; } ul.side-list li .feat-vid-but, ul.video-thumbs-list li .feat-vid-but { border: 2px solid #fff; font-size: 16px; margin: -17px 0 0 -17px; width: 30px; height: 30px; } ul.row-widget-list li .feat-vid-but, ul.blog-widget-list li .feat-vid-but, .home-right-col .feat-widget-wrap .feat-vid-but, #post-right-col .feat-widget-wrap .feat-vid-but, #arch-right-col .feat-widget-wrap .feat-vid-but, ul.mega-list li .feat-vid-but, ul.archive-col-list li .feat-vid-but, ul.archive-list li .feat-vid-but, .feat-top2-right .feat-vid-but { border: 3px solid #fff; font-size: 21.3333333px; margin: -23px 0 0 -23px; width: 40px; height: 40px; } #body-main-wrap { padding-top: 15px; width: 100%; } .body-top-pad { padding-top: 65px !important; } .body-main-out { display: grid; grid-template-rows: 100%; margin: 0 auto; padding: 0 30px; max-width: 1400px; } .body-main-in { width: 100%; } #body-main-cont { width: 100%; } #home-main-wrap { width: 100%; } .home-wrap-out1 { float: left; margin-right: -315px; position: relative; width: 100%; } .home-wrap-in1 { margin-right: 315px; } #home-left-wrap { width: 100%; } .home-wrap-out2 { float: right; margin-left: -315px; position: relative; width: 100%; } .home-wrap-in2 { margin-left: 315px; } .home-left-col { float: right; width: 100%; z-index: 10; } .home-mid-col { float: left; margin-right: 15px; width: 300px; } .home-widget-wrap { width: 100% } .home-right-col, #arch-right-col { float: right; margin-left: 15px; width: 300px; } .marg20 { padding: 0 2.65604249668% 20px; width: 94.6879150066%; } .side-title-wrap { width: 100%; } .side-title-wrap, .home-title-wrap { margin-bottom: 10px; } .home-title-wrap { margin-bottom: 20px; width: 100%; } #sidebar-wrap .home-title-wrap { margin-bottom: 15px; } h3.side-list-title { color: #222; display: inline-block; font-size: 1rem; font-weight: 700; line-height: 100%; position: relative; text-transform: uppercase; } .side-list-wrap { background: #fff; width: 100%; } ul.side-list { width: 100%; } ul.side-list li { border-top: 1px solid #ddd; float: left; padding: 15px 5%; position: relative; width: 90%; } ul.side-list li:first-child { border-top: none; } ul.side-list li.side-list-feat { border-top: none; overflow: hidden; } ul.side-list li.side-after-ad { border-top: none; } .side-list-out { float: right; margin-left: -95px; width: 100%; } .side-list-in { margin-left: 95px; } .side-list-img { background: #000; line-height: 0; margin-right: 15px; overflow: hidden; width: 80px; } .side-list-img img { opacity: .9; width: 100%; } ul.side-list li:hover .side-list-img img { opacity: 1; } .side-list-text { width: 100%; } .side-list-text p { float: left; font-size: .8rem; font-weight: 400; line-height: 130%; width: 100%; } span.side-list-cat { color: #999; float: left; font-family: 'Montserrat', sans-serif; font-size: .65rem; font-weight: 400; line-height: 100%; margin-bottom: 6px; text-transform: uppercase; width: 100%; } #foot-widget-wrap span.side-list-cat { display: none; } .side-list-full { overflow: hidden; width: 100%; max-height: 200px; } .side-full-img { line-height: 0; width: 100%; } .side-full-text { background-image: -moz-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.6) 100%); background-image: -ms-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.6) 100%); background-image: -o-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.6) 100%); background-image: -webkit-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.6) 100%); background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.6))); background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.6) 100%); padding: 20px 5.55555555555% 15px; position: absolute; bottom: 0; left: 0; width: 88.9%; } .side-full-text p { color: #fff; float: left; font-size: .95rem; font-weight: 700; line-height: 130%; -webkit-text-shadow: 1px 1px 1px #000; -moz-text-shadow: 1px 1px 1px #000; -ms-text-shadow: 1px 1px 1px #000; -o-text-shadow: 1px 1px 1px #000; text-shadow: 1px 1px 1px #000; width: 100%; } #home-mid-wrap { background: #fff; padding-top: 20px; width: 100%; } .home-widget { border-bottom: 1px solid #ddd; padding-bottom: 20px; } .home-widget, #home-mid-wrap .feat-widget-cont .home-title-wrap, #home-mid-wrap .gallery-widget-wrap .home-title-wrap { margin: 0 2.65604249668% 20px; width: 94.6879150066%; } ul.row-widget-list { float: left; margin-left: -2.65604249668%; width: 102.65604249668%; } ul.row-widget-list li { float: left; margin-left: 2.5873221216%; width: 30.7460112117%; } #sidebar-wrap ul.row-widget-list, #sidebar-wrap ul.row-widget-list li { margin-left: 0; width: 100%; } #sidebar-wrap ul.row-widget-list li { margin-bottom: 20px; } .row-widget-img { background: #000; line-height: 0; margin-bottom: 15px; overflow: hidden; position: relative; width: 100%; } #sidebar-wrap .row-widget-img { max-height: 120px; } .row-widget-img img { opacity: .9; width: 100%; } ul.row-widget-list li:hover .row-widget-img img { opacity: 1; } .row-widget-text { float: left; width: 100%; } .row-widget-text p { float: left; font-size: .8rem; font-weight: 400; line-height: 130%; width: 100%; } #sidebar-wrap .blog-widget-wrap .feat-info-wrap, #foot-widget-wrap .blog-widget-wrap .feat-info-wrap { display: none; } .blog-widget-wrap { width: 100%; } ul.blog-widget-list { margin-bottom: -20px; width: 100%; } #sidebar-wrap ul.blog-widget-list, #foot-widget-wrap ul.blog-widget-list { margin-bottom: -15px; } ul.blog-widget-list li { border-top: 1px solid #ddd; float: left; padding: 20px 0; width: 100%; } #foot-widget-wrap ul.blog-widget-list li { border-top: 1px solid #555; } #sidebar-wrap ul.blog-widget-list li { padding: 15px 0; } #foot-widget-wrap ul.blog-widget-list li { padding: 8px 0; } ul.blog-widget-list li:first-child, #sidebar-wrap ul.blog-widget-list li:first-child, #foot-widget-wrap ul.blog-widget-list li:first-child { border-top: none; padding-top: 0; } .blog-widget-img { background: #000; line-height: 0; margin-right: 3.11041990669%; overflow: hidden; width: 34.2146189736%; } #sidebar-wrap .blog-widget-img { margin-right: 15px; width: 80px; } #foot-widget-wrap .blog-widget-img { display: none; } #post-more-wrap .blog-widget-img { max-height: 150px; } .blog-widget-img img { opacity: .9; width: 100%; } ul.blog-widget-list li:hover .blog-widget-img img { opacity: 1; } .blog-widget-text { width: 62.6749611198%; } #sidebar-wrap .blog-widget-text { width: 175px; } #foot-widget-wrap .blog-widget-text { width: 100%; } .blog-widget-text h2 { font-size: 1.15rem; font-weight: 400; } #foot-widget-wrap .blog-widget-text h2 { color: #999; } #post-more-wrap .blog-widget-text h2 { font-size: 1.4rem; font-weight: 800; } #sidebar-wrap .blog-widget-text h2, #foot-widget-wrap .blog-widget-text h2 { font-size: .8rem; } #sidebar-wrap .blog-widget-text p, #foot-widget-wrap .blog-widget-text p { display: none; } #foot-widget-wrap ul.blog-widget-list li:hover .blog-widget-text h2 { color: #fff !important; } #sidebar-wrap { width: 100%; } #sidebar-wrap h4.post-header { margin-bottom: 15px; } .side-widget-wrap { width: 100%; } .side-widget { background: #fff; float: left; margin-top: 15px; padding: 15px 5%; position: relative; width: 90%; } #sidebar-wrap div:first-child { margin-top: 0; } #sidebar-wrap .feat-info-views, #sidebar-wrap .feat-info-comm { margin-top: 10px !important; } .widget-ad { background: #eee; line-height: 0; margin-top: 15px; overflow: hidden; text-align: center; width: 100%; } ul.side-list li.latest-ad { background: #eee; line-height: 0; margin: 0; overflow: hidden; padding: 0; text-align: center; width: 100%; } #home-mid-wrap .widget-img-side, #sidebar-wrap .widget-img-main, #foot-widget-wrap .widget-img-main { display: none; } .side-pop-wrap { width: 100%; } .feat-widget-cont, .feat-widget-in { width: 100%; } #sidebar-wrap .feat-widget-cont { margin-top: 15px; } .feat-widget-wrap { background: #fff; overflow: hidden; width: 100%; } #sidebar-wrap .feat-widget-wrap, .side-pop-wrap .feat-widget-wrap { margin-top: 15px; } #sidebar-wrap .feat-widget-wrap:first-child, .side-pop-wrap .feat-widget-wrap:first-child { margin-top: 0; } .feat-widget-img { background: #000; line-height: 0; overflow: hidden; width: 100%; max-height: 120px; } .feat-widget-img img { opacity: .9; width: 100%; } .feat-widget-wrap:hover .feat-widget-img img { opacity: 1; } #home-mid-wrap .feat-widget-img { max-height: 300px; } .feat-widget-text { background: #fff; float: left; padding: 15px 5% 15px; position: relative; width: 90%; } #home-mid-wrap .feat-widget-text { background: #fff; border-bottom: 1px solid #ddd; margin: 20px 2.65604249668% 20px; padding: 0 0 20px; width: 94.6879150066%; } .feat-widget-text h2 { font-size: .9rem; font-weight: 400; } .feat-widget-text h2, .blog-widget-text h2 { float: left; line-height: 130%; width: 100%; } #home-mid-wrap .feat-widget-text h2 { font-size: 1.15rem; } .blog-widget-text p, .feat-widget-text p { color: #777; float: left; font-size: .9rem; font-weight: 400; line-height: 130%; margin-top: 5px; width: 100%; } #sidebar-wrap .feat-widget-text p { display: none; } .more-posts-wrap { margin-top: 15px; text-align: center; width: 100%; } span.more-posts-text { background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; display: inline-block; font-family: 'Montserrat', sans-serif; font-size: .8rem; font-weight: 700; line-height: 100%; padding: 8px 0; text-align: center; text-transform: uppercase; width: 99%; } span.more-posts-text:hover { color: #fff !important; } .mvp_facebook_widget { text-align: center; } .widget_calendar { float: left; } #wp-calendar { width: 100%; } #wp-calendar caption { text-align: right; color: #333; font-size: 12px; margin-bottom: 15px; } #wp-calendar thead { font-size: 10px; } #wp-calendar thead th { padding-bottom: 10px; } #wp-calendar tbody { color: #aaa; } #wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px; } #wp-calendar tbody td:hover { background: #fff; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; } #wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; } #post-main-wrap { width: 100%; } .post-wrap-out1 { float: left; margin-right: -315px; position: relative; width: 100%; } .post-wrap-in1 { margin-right: 315px; } #post-right-col { float: right; margin-left: 15px; width: 300px; } #post-right-col ul.side-list li:hover { background: #fff; } #post-left-col { background: #fff; float: left; width: 100%; z-index: 10; } #post-left-col hr { float: left; margin: 0; opacity: 0; } article:is(#post-area, .ka-post-area) { border-bottom: 1px solid #ddd; float: left; overflow: hidden; position: relative; width: 100%; height: 100%; } :is(#post-header, .ka-post-header) { display: table; margin: 30px auto 30px; max-width: 750px; padding: 0 10%; width: 80%; } .page :is(#post-header, .ka-post-header) { margin-bottom: 0; } span.post-head-cat { clear: both; color: #fff; display: inline-block; float: left; font-family: helvetica, arial, sans-serif; font-size: .65rem; font-weight: bold; line-height: 100%; margin-bottom: 7px; padding: 4px 15px; text-transform: uppercase; } h1.post-title, :is(#content-main, .ka-content-main) h1.post-title { color: #222; font-size: 2.6rem; font-weight: 800; line-height: 110%; text-transform: none; width: 100%; } :is(#content-main, .ka-content-main) h1.post-title { font-size: 2.2rem; } #post-info-wrap { margin-top: 10px; width: 100%; } .post-info-out { float: right; margin-left: -70px; position: relative; width: 100%; } .post-info-in { margin-left: 70px; } .post-info-img { margin-right: 20px; overflow: hidden; width: 50px; height: 50px; } .post-info-img img { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; line-height: 0; } .post-info-right { font-weight: 400; line-height: 100%; margin-top: 5px; width: 100%; } .post-info-name { border-bottom: 1px solid #ddd; color: #555; font-size: .9rem; margin-bottom: 5px; padding-bottom: 5px; width: 100%; } .post-info-name span { float: left; } .post-info-name a { font-weight: 400; } span.author-name { margin-left: 3px; } span.author-twitter { font-size: 17px; line-height: 100%; margin-left: 10px; } span.author-email { font-size: 13px; line-height: 100%; margin: 2px 0 0 10px; } span.author-twitter a, span.author-email a { color: #ccc; } .post-info-date { color: #bbb; font-size: .8rem; } :is(#post-feat-img, .ka-post-feat-img) { line-height: 0; overflow: hidden; width: 100%; max-height: 500px; } :is(#content-main, .ka-content-main) :is(#post-feat-img, .ka-post-feat-img) { margin-bottom: 30px; } :is(#post-feat-img, .ka-post-feat-img) img { line-height: 0; width: 100%; } .mvp-post-img-hide { display: none; } :is(#video-embed, .ka-video-embed), span.embed-youtube { overflow: hidden; padding-bottom: 56.25%; position: relative; text-align: center; width: 100%; height: 0; } :is(#video-embed, .ka-video-embed) iframe, :is(#video-embed, .ka-video-embed) object, :is(#video-embed, .ka-video-embed) embed, span.embed-youtube iframe, span.embed-youtube object, span.embed-youtube embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } :is(#content-main, .ka-content-main) :is(#video-embed, .ka-video-embed) { margin-bottom: 20px; } :is(#content-main, .ka-content-main) .video-container { margin-bottom: 20px; position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } :is(#content-main, .ka-content-main) .video-container iframe, :is(#content-main, .ka-content-main) .video-container object, :is(#content-main, .ka-content-main) .video-container embed, :is(#content-main, .ka-content-main) .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .post-feat-text { background-image: -moz-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.6) 100%); background-image: -ms-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.6) 100%); background-image: -o-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.6) 100%); background-image: -webkit-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.6) 100%); background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.6))); background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.6) 100%); padding: 40px 1.9550342131% 20px; position: absolute; left: 0; bottom: 0; width: 96.0899315738%; } span.post-excerpt p, :is(#content-main, .ka-content-main) span.post-excerpt p { color: #fff; font-size: 1rem; font-weight: 400; line-height: 130%; margin-bottom: 0; width: 65%; } span.feat-caption { color: #ddd; font-size: .65rem; font-weight: 400; line-height: 120%; position: absolute; right: 10px; bottom: 10px; text-align: right; text-transform: uppercase; width: 30%; } :is(#content-area, .ka-content-area) { float: left; padding: 30px 2.93255131965%; position: relative; width: 94.1348973607%; } .post-cont-out { float: left; margin-right: -330px; position: relative; width: 100%; } .post-cont-in { margin-right: 330px; } :is(#content-main, .ka-content-main) { width: 100%; } .cont-part-main { display: table; float: none; margin: 0 auto; max-width: 750px; } .social-sharing-top, .social-sharing-bot { float: left; position: relative; text-align: center; width: 100%; } .social-sharing-top, .social-sharing-bot { margin-bottom: 30px; } .share-count { display: inline-block; margin-top: -6px; overflow: hidden; text-align: center; vertical-align: top; width: 15%; } span.soc-count-num, span.soc-count-text { float: left; text-transform: uppercase; width: 100%; } span.soc-count-num { color: #444; font-family: 'Work Sans', sans-serif; font-size: 26px; font-weight: 900; line-height: 100%; width: 100%; } span.soc-count-text { color: #999; font-size: 10px; font-weight: 400; line-height: 100%; width: 100%; } .social-sharing-top span, .social-sharing-bot span { display: inline-block; overflow: hidden; vertical-align: top; } .fb-but1, .twitter-but1, .pinterest-but1, .whatsapp-but1, .email-but { height: 26px; } .social-sharing-top i, .social-sharing-bot i { color: #fff; font-size: 14px; padding: 6px 0; line-height: 100%; } .facebook-share, .twitter-share, .pinterest-share, .email-share, .social-comments, .whatsapp-share { border-radius: 3px; display: inline-block; margin-left: .1%; text-align: center; vertical-align: top; width: 15.6%; max-width: 200px; height: 26px; } .whatsapp-share { display: none; } .video-main-text .social-sharing-top a:first-child div, .social-sharing-top a:first-child div, .social-sharing-bot a:first-child div { margin-left: 0; } span.social-text, span.social-text-com { color: #fff; font-family: 'Montserrat', sans-serif; font-size: 10px; font-weight: 400; line-height: 100%; padding: 8px 0 8px 10px; text-transform: uppercase; } .facebook-share { background: #3e64ad; } .twitter-share { background: #000; } .pinterest-share { background: #de010d; } .email-share { background: #aaa; } .whatsapp-share { background: #6cd94e; } .social-comments { border: 1px solid #bbb; background: #fff; overflow: hidden; height: 24px; } .social-comments i { color: #bbb; font-size: 14px; padding: 4px 0 6px; line-height: 100%; position: relative; vertical-align: top; } span.social-text-com { color: #999; display: inline-block; padding: 0; } .soc-disqus-but { margin-right: 0 !important; } .social-comments span.social-text-com { color: #999; display: inline-block; font-weight: 700; position: relative; padding: 7px 0 7px 5px; vertical-align: top; z-index: 1; } .facebook-share:hover, .twitter-share:hover, .pinterest-share:hover, .social-comments:hover, .email-share:hover { opacity: .85; } :is(#content-main, .ka-content-main) p { color: #222; display: block; font-size: 1rem; font-weight: 400; line-height: 155%; margin-bottom: 20px; } :is(#post-sidebar-wrap, .ka-post-sidebar-wrap) { float: right; line-height: 0; margin-left: 30px; position: relative; text-align: center; width: 300px; } .post-tags { float: left; font-family: 'Montserrat', sans-serif; font-size: .75rem; font-weight: 400; line-height: 120%; margin-bottom: 30px; text-transform: uppercase; width: 100%; } .post-tags-header { color: #555; font-weight: 800; margin-right: 5px; } :is(#article-ad, .ka-article-ad) { float: left; line-height: 0; overflow: hidden; margin-bottom: 30px; position: relative; text-align: center; width: 100%; } .article-ad-part { margin: 30px 0 0 !important; } .wp-caption, :is(#content-main, .ka-content-main) p.wp-caption-text, .gallery-caption { color: #777; font-size: .8rem; margin-top: 5px; margin-bottom: 30px; max-width: 100%; text-align: left; } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } .sticky { } .bypostauthor { } .posts-nav-link { display: none; } :is(#content-main, .ka-content-main) ul { list-style: disc outside; margin: 10px 0; } :is(#content-main, .ka-content-main) ol { list-style: decimal outside; margin: 10px 0; } :is(#content-main, .ka-content-main) ul li, :is(#content-main, .ka-content-main) ol li { margin-left: 50px; padding: 5px 0px; } :is(#content-main, .ka-content-main) h1, :is(#content-main, .ka-content-main) h2, :is(#content-main, .ka-content-main) h3, :is(#content-main, .ka-content-main) h4, :is(#content-main, .ka-content-main) h5, :is(#content-main, .ka-content-main) h6 { font-weight: 700; line-height: 120%; margin: 10px 0; overflow: hidden; text-transform: uppercase; width: 100%; } :is(#content-main, .ka-content-main) h1 { font-size: 1.6rem; } :is(#content-main, .ka-content-main) h2 { font-size: 1.4rem; } :is(#content-main, .ka-content-main) h3 { font-size: 1.2rem; } :is(#content-main, .ka-content-main) h4 { font-size: 1rem; } :is(#content-main, .ka-content-main) h5 { font-size: .8rem; } :is(#content-main, .ka-content-main) h6 { font-size: .6rem; } :is(#content-main, .ka-content-main) blockquote p { color: #555; font-size: 1.6rem; font-weight: 700; line-height: 130%; margin: 30px 10%; width: 80%; } :is(#content-main, .ka-content-main) blockquote p cite { color: #555; display: inline-block; font-size: .7rem; font-weight: 400; } :is(#content-main, .ka-content-main) dt { font-weight: bold; } :is(#content-main, .ka-content-main) dd { margin-left: 20px; } :is(#content-main, .ka-content-main) abbr, :is(#content-main, .ka-content-main) acronym { font-weight: bold; text-transform: uppercase; } :is(#content-main, .ka-content-main) code { font-size: 1.1rem; } :is(#content-main, .ka-content-main) sub { font-size: smaller; vertical-align: sub; } :is(#content-main, .ka-content-main) sup { font-size: smaller; vertical-align: super; } :is(#content-main, .ka-content-main) table { font-size: .9rem; width: 100%; } :is(#content-main, .ka-content-main) td, :is(#content-main, .ka-content-main) th { padding: 0 1.5%; } :is(#content-main, .ka-content-main) tr.odd { background: #eee; } #post-more-wrap { display: none; padding: 30px 2.93255131965%; width: 94.1348973607%; } #prev-post-wrap, #next-post-wrap { margin-top: -40px; position: fixed; top: 50%; width: 55px; height: 80px; z-index: 4000; } #prev-post-wrap { left: 0; } #next-post-wrap { right: 0; text-align: right; } #prev-post-arrow, #next-post-arrow { color: #777; cursor: pointer; font-size: 80px; line-height: 100%; } #prev-post-arrow { margin-left: 10px; } #next-post-arrow { margin-right: 10px; } .prev-next-text { position: absolute; top: 0; -webkit-transition: all .3s; transition: all .3s; } .prev-next-text a, .prev-next-text a:visited, .prev-next-text a:hover { color: #fff; float: left; font-size: .95rem; font-weight: 400; line-height: 130%; padding: 15px; width: 280px; } #prev-post-wrap .prev-next-text { left: -9999px; } #prev-post-wrap:hover .prev-next-text { left: 0; } #next-post-wrap .prev-next-text { right: -9999px; text-align: left; } #next-post-wrap:hover .prev-next-text { right: 0; } nav.post-navigation h2 { display: none; } .theiaPostSlider_nav { display: inline-block; } #post-wide-wrap { background: #333; margin: -15px 0 15px; } #post-wide-wrap, .post-wide-img1 { width: 100%; } .post-wide-img1 { line-height: 0; overflow:hidden; max-height: 650px; } .post-wide-img1 img { width: 100%; } .post-wide-text1 { background-image: -moz-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%); background-image: -ms-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%); background-image: -o-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%); background-image: -webkit-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%); background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.7))); background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%); padding: 60px 25% 30px; position: absolute; bottom: 0; left: 0; width: 50%; } h1.post-title-wide { color: #fff; font-size: 3.1rem; font-weight: 800; line-height: 110%; -webkit-text-shadow: 1px 1px 1px rgba(0,0,0,.3); -moz-text-shadow: 1px 1px 1px rgba(0,0,0,.3); -ms-text-shadow: 1px 1px 1px rgba(0,0,0,.3); -o-text-shadow: 1px 1px 1px rgba(0,0,0,.3); text-shadow: 1px 1px 1px rgba(0,0,0,.3); width: 100%; } .post-wide-text1 span.post-excerpt p { font-size: 1.2rem; margin-top: 10px; width: 100%; } :is(#content-main, .ka-content-main) :is(#post-header, .ka-post-header) { margin: 0 0 30px; padding: 0; width: 100%; max-width: none; } #post-wide-video { display: table; margin: 30px auto; max-width: 1100px; padding: 0 10%; width: 80%; } .page-template-page-fullwidth #main-nav-wrap { border-bottom: 1px solid #ddd; } .page-template-page-fullwidth #body-main-wrap { background: #fff; } .post-gallery-wrap, .gallery-widget-wrap { margin-bottom: 20px; overflow: hidden; width: 100%; } .post-gallery-wrap { background: #222; } .gallery-widget-wrap { background: #fff; } .post-gallery-top { line-height: 0; margin-bottom: 10px; width: 100%; } ul.post-gallery-top-list li { display: none !important; overflow: hidden; } .gallery-widget-wrap ul.post-gallery-top-list li { max-height: 300px; } ul.post-gallery-top-list li img { opacity: .9; width: 100%; } ul.post-gallery-top-list li.flex-active-slide { display: block !important; } .post-gallery-top .flex-direction-nav a { -webkit-text-shadow: 1px 1px 3px rgba(0,0,0,.5); -moz-text-shadow: 1px 1px 3px rgba(0,0,0,.5); -ms-text-shadow: 1px 1px 3px rgba(0,0,0,.5); -o-text-shadow: 1px 1px 3px rgba(0,0,0,.5); text-shadow: 1px 1px 3px rgba(0,0,0,.5); color: #fff; font-family: 'Quicksand', sans-serif; font-size: 70px; font-weight: 400; line-height: 100%; margin-top: -35px; opacity: 0; position: absolute; top: 50%; z-index: 10; } .post-gallery-top .flex-direction-nav .flex-prev { left: 0; margin-left: 10px; } .post-gallery-top .flex-direction-nav .flex-next { right: 0; margin-right: 10px; } .post-gallery-top:hover .flex-direction-nav a { opacity: .7; } .post-gallery-top .flex-direction-nav a:hover { opacity: 1; } .gallery-widget-text { background: rgba(0,0,0,0.4); padding: 10px 3%; position: absolute; bottom: 0; left: 0; text-align: center; width: 94%; } .gallery-widget-text p { color: #fff; font-family: 'Montserrat', sans-serif; font-size: .9rem; font-weight: 700; line-height: 120%; } .post-gallery-bot { margin-bottom: 10px; width: 100%; height: 80px; } .gallery-widget-wrap .post-gallery-bot { border-bottom: 1px solid #ddd; margin: 0 2.65604249668%; overflow: hidden; width: 94.6879150066%; height: 100px; } ul.post-gallery-bot-list { float: left; overflow: hidden; height: 80px; } ul.post-gallery-bot-list li { cursor: pointer; float: left; margin-left: 10px !important; width: 80px; } .gallery-widget-wrap ul.post-gallery-bot-list li:first-child { margin-left: 0 !important; } ul.post-gallery-bot-list li img { opacity: .4; } ul.post-gallery-bot-list li.flex-active-slide img, ul.post-gallery-bot-list li:hover img { opacity: 1; } .post-gallery-bot ul.flex-direction-nav { display: none; } :is(#content-main, .ka-content-main) ul.post-gallery-top-list, :is(#content-main, .ka-content-main) ul.post-gallery-bot-list { list-style: none; margin: 0; width: 100%; } :is(#content-main, .ka-content-main) ul.post-gallery-top-list li, :is(#content-main, .ka-content-main) ul.post-gallery-bot-list li, :is(#content-main, .ka-content-main) ul.flex-direction-nav li { float: left; margin: 0; padding: 0; } :is(#content-main, .ka-content-main) ul.flex-direction-nav { list-style: none; margin: 0; } :is(#content-main, .ka-content-main) h4.post-header { margin-bottom: 20px !important; } .mvp-related-posts { margin-bottom: 30px; width: 100%; } .mvp-related-posts ul { list-style: none !important; margin: 0 !important; width: 100%; } .mvp-related-posts ul li { float: left; margin-left: 2.96296296296% !important; overflow: hidden; padding: 0 !important; width: 31.3580246914%; } .mvp-related-posts ul li:first-child { margin-left: 0 !important; } .mvp-related-img { background: #000; line-height: 0; margin-bottom: 10px; overflow: hidden; width: 100%; max-height: 130px; } .mvp-related-img img { opacity: .9; width: 100%; } .mvp-related-posts ul li:hover .mvp-related-img img { opacity: 1; } .mvp-related-text { width: 100%; } .mvp-related-text a { font-size: .9rem; font-weight: 400; line-height: 130%; } .theiaPostSlider_nav { width: 100%; } .mvp-org-wrap, .mvp-org-logo, .mvp-meta-wide-title { display: none; } :is(#comments-button, .ka-comments-button) { text-align: center; width: 100%; } :is(#comments-button, .ka-comments-button) a, :is(#comments-button, .ka-comments-button) span.comment-but-text { background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; cursor: pointer; display: inline-block; font-family: 'Montserrat', sans-serif; font-size: .8rem; font-weight: 400; line-height: 100%; padding: 15px 0; text-transform: uppercase; width: 60%; } :is(#comments-button, .ka-comments-button) a:hover, :is(#comments-button, .ka-comments-button) span.comment-but-text:hover { color: #fff !important; } h4.post-header { border-top: 4px solid #eee; float: left; margin-bottom: 30px; position: relative; text-align: center; width: 100%; } :is(#content-main, .ka-content-main) h4.post-header { overflow: visible; } span.post-header { color: #222; float: left; font-size: .9rem; font-weight: 700; line-height: 100%; margin-top: -4px; padding-top: 5px; position: relative; text-transform: uppercase; } h3.comment-header { color: #fff; float: left; font: 400 12px/12px 'Oswald', sans-serif; position: relative; text-transform: uppercase; } #commentspopup .comments-pop { background: #fff; margin-top: 0; padding: 20px 5%; width: 90%; } #commentspopup :is(#content-main, .ka-content-main) h1 { font-size: 1.4rem; font-weight: 800; line-height: 110%; margin: 0 0 20px; text-align: center; text-transform: none; } #commentspopup p { float: left; } #commentspopup h4.post-header { margin-bottom: 20px; } #commentspopup #comments .comment-meta-2 { color: #999; margin-bottom: 10px; } #comments { display: none; float: left; font-size: .8rem; line-height: 120%; margin-top: 30px; overflow: hidden; width: 100%; } .woocommerce #comments { display: block; margin-top: 0; } #disqus_thread { display: none; margin-top: 30px; } #commentspopup #comments, #commentspopup #disqus_thread { display: block; } .comment-inner { border-bottom: 1px solid #ddd; margin-bottom: 10px; padding: 10px 0 0; } #comments .comment-inner:after { content: ''; display: block; clear: both; } #comments .comment-avatar, #tab3 .comment-avatar { float: left; width: 46px; } #comments .avatar { display: block; background-color: #fff; } .comment-avatar img { -webkit-border-radius: 23px; -moz-border-radius: 23px; -ms-border-radius: 23px; -o-border-radius: 23px; border-radius: 23px; overflow: hidden; } #comments .commentmeta { display: block; float: left; margin: 0 10px 10px; width: 75%; } .comment-reply a, .comment-reply a:visited, #cancel-comment-reply-link { clear: both; color: #fff; font: 700 10px/100% 'Lato', sans-serif; padding: 5px 10px; text-transform: uppercase; } .comment-reply a { background: #888; float: right; } #cancel-comment-reply-link { background: #999; float: left; margin: 0 0 10px 20px; } .comment-reply a:hover, #cancel-comment-reply-link:hover { background: #555; color: #fff; text-decoration: none; } :is(#content-main, .ka-content-main) ol.commentlist { float: left; list-style: none; margin: 0; width: 100%; } :is(#content-main, .ka-content-main) ol.commentlist li { margin: 0; padding: 0; } ol.commentlist h3.comment-header { display: none; } ol.commentlist #respond { border-top: none; } #comments .comment-meta-1 { display: block; float: left; font: bold 14px/normal helvetica, arial, sans-serif; margin-bottom: 5px; width: 100%; } #comments .comment-meta-1 .fn { float: left; font-style: normal; font-weight: bold; width: auto; } #comments .comment-meta-1 .reply { display: inline-block; float: right; font-size: 11px; line-height: 11px; padding-top: 2px; } #comments .comment-meta-1 .reply a { color: #555; } #comments .comment-meta-2 { display: block; float: left; font-size: .75rem; line-height: 100%; margin: 0; } #comments .text { clear: both; display: block; float: left; margin-top: 10px; } #comments .text .waiting_approval { font-size: 14px; font-style: italic; font-weight: bold; } #comments .c { line-height: 20px; } #comments .c p, #comments .c code, #comments .c blockquote, #comments .c ul, #comments .c ol { display: block; margin: 5px 0; } #comments .c p { font-size: 1rem; } #comments .c a { text-decoration: underline; } #comments .c a:hover { text-decoration: none; } #comments .depth-2 .comment-wrapper { padding-left: 40px; } #comments .depth-2 .commentmeta { width: 75%; } #comments .depth-3 .comment-wrapper { padding-left: 80px; } #comments .depth-3 .commentmeta { width: 75%; } #comments .depth-4 .comment-wrapper { padding-left: 120px; } #comments .depth-4 .commentmeta { width: 75%; } #comments .depth-5 .comment-wrapper { padding-left: 160px; } #comments .depth-5 .commentmeta { width: 75%; } #respond { clear: both; position: relative; } #respond form { float: left; padding-bottom: 20px; width: 100%; } #respond p { font: 12px/normal helvetica, arial, sans-serif; margin: 0; } #respond .logged-in-as { margin-bottom: 10px; } #respond .comment-notes { margin-bottom: 1rem; } .children #respond { margin: 0 48px 0 0; } #comments-list #respond { margin: 0 0 18px 0; } #comments-list ul #respond { margin: 0; } #respond .required { color: #ff4b33; font-weight: bold; } #respond label { color: #888; font-size: 12px; } #respond input { background: #f6f6f6; border: 1px solid #ddd; -webkit-box-shadow: 2px 2px 5px 0px #eee inset; -moz-box-shadow: 2px 2px 5px 0px #eee inset; -ms-box-shadow: 2px 2px 5px 0px #eee inset; -o-box-shadow: 2px 2px 5px 0px #eee inset; box-shadow: 2px 2px 5px 0px #eee inset; display:block; margin: 0 0 9px; padding:5px; width: auto; } #respond textarea { background: #f6f6f6; border: 1px solid #ddd; -webkit-box-shadow: 2px 2px 5px 0px #eee inset; -moz-box-shadow: 2px 2px 5px 0px #eee inset; -ms-box-shadow: 2px 2px 5px 0px #eee inset; -o-box-shadow: 2px 2px 5px 0px #eee inset; box-shadow: 2px 2px 5px 0px #eee inset; width: 99%; } #respond #submit { background: #555; border: 0; box-shadow: none; color: #fff; cursor:pointer; font: 700 12px/100% 'Open Sans', sans-serif; margin-top:10px; padding: 5px 10px; width: 120px; } #respond #submit:hover { background: #333; } h3#reply-title, h2.comments { color: #fff; font: 700 14px/100% 'Oswald', sans-serif; margin-bottom: 10px; padding: 5px 10px; text-shadow: 1px 1px 0 #000; text-transform: uppercase; } h3#reply-title { display: none; } span.comments { background: #fff; color: #aaa; float: left; font-size: 20px; line-height: 100%; padding-right: 15px; text-transform: uppercase; } span.comments a { color: #666; } span.comments a:hover { color: #f00; text-decoration: none; } #comment-input label { margin-bottom: 10px; } p.cancel-comment-reply { clear: both; } p.form-allowed-tags { display: none !important; } .fb-comments, .fb-comments span { width: 100% !important; } h1.cat-head, h1.arch-head { color: #222; font-weight: 800; line-height: 100%; text-transform: uppercase; width: 100%; } h1.cat-head { font-size: 1.4rem; margin-bottom: 15px; } h1.arch-head { font-size: 1.4rem; margin: 20px 0 50px; text-align: center; } #archive-list-wrap { padding: 0 1.87265917603% 20px; width: 96.2546816479%; } ul.archive-list { width: 100%; } ul.archive-col-list { margin-left: -1.94552529183%; width: 101.94552529183%; } ul.archive-list li { float: left; border-top: 1px solid #ddd; padding: 20px 0; position: relative; width: 100%; } ul.archive-col-list li { float: left; margin: 0 0 20px 1.90839694656%; overflow: hidden; position: relative; width: 31.4249363868%; height: 320px; } ul.archive-list li:first-child { border-top: none; padding-top: 0; } ul.archive-list li:last-child { padding-bottom: 0; } .archive-list-out { float: right; margin-left: -370px; position: relative; width: 100%; } .archive-list-in { margin-left: 370px; } ul.archive-col-list li .archive-list-out, ul.archive-col-list li .archive-list-in { float: left; margin-left: 0; } .archive-list-img { background: #000; line-height: 0; margin-right: 20px; overflow: hidden; width: 350px; max-height: 140px; } ul.archive-col-list li .archive-list-img { margin: 0 0 10px 0; width: 100%; } .archive-list-img img { opacity: .9; width: 100%; } ul.archive-list li:hover .archive-list-img img, ul.archive-col-list li:hover .archive-list-img img { opacity: 1; } .archive-list-text { width: 100%; } .archive-list-text h2 { float: left; font-size: 1.15rem; font-weight: 400; line-height: 130%; width: 100%; } .archive-list-text p { color: #777; float: left; font-size: .9rem; font-weight: 400; line-height: 130%; margin-top: 5px; width: 100%; } #archive-list-wrap #infscr-loading { margin-bottom: 0; } .archive-list-left { width: 100%; } h2.author-list-head { color: #222; font-size: 1.2rem; font-weight: 400; line-height: 120%; margin-bottom: 10px; width: 100%; } h2.author-list-head a { color: #222; } .author-page-box { border-bottom: 1px solid #ddd; margin-bottom: 15px; padding-bottom: 15px; width: 100%; } .author-page-out { float: right; margin-left: -93px; width: 100%; } .author-page-in { margin-left: 93px; } .author-page-img { line-height: 0; margin-right: 30px; width: 63px; } .author-page-img { overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .author-page-text { width: 100%; } .author-page-text h1.cat-head { font-size: 1.5rem; margin-bottom: 15px; text-align: left; } .author-box-bot { margin-bottom: 30px; width: 100%; } .author-box-bot p { color: #777; font-size: 1rem; font-weight: 400; line-height: 155%; margin-bottom: 15px; } ul.author-social { width: 100%; } ul.author-social li { float: left; margin-left: 10px; width: 24px; } ul.author-social li:first-child { margin-left: 0; } ul.author-social li a { color: #bbb; } ul.author-social li a:hover { color: #555; } ul.author-social li i { font-size: 24px; } .mvp-search-text { margin: 0 5% 50px; text-align: center; width: 90%; } #bbpress-forums, #bbpress-forums p { font-family: helvetica, arial, sans-serif; } #bbpress-forums ol, #bbpress-forums ul { list-style: none; margin: 0; } #bbpress-forums ul li, #bbpress-forums ol li { margin-left: 0; padding: 0; } div.bbp-breadcrumb, div.bbp-topic-tags, div.bbp-breadcrumb a, div.bbp-breadcrumb span { font-size: .75rem; } #subscription-toggle { float: left; margin: 5px 0 15px; width: 100%; } #post-404 { margin: 150px 0 200px; text-align: center; width: 100%; } #post-404 h1 { color: #222; font-size: 4rem; font-weight: 900; line-height: 100%; margin-bottom: 20px; } #post-404 p { color: #999; font-size: 1rem; line-height: 130%; } #latest-video-wrap { margin-bottom: 15px; width: 100%; } #latest-video-main { background: #222; overflow: hidden; width: 100%; } .video-main-top { width: 68.1647940075%; } .video-main-text { padding: 20px 1.87265917603%; width: 28.0898876404%; } .video-main-text h2, .video-main-text p { line-height: 130%; width: 100%; } .video-main-text h2 { color: #fff; font-size: 1.4rem; font-weight: 700; margin-bottom: 5px; } .video-main-text p { color: #ddd; font-size: .9rem; } .video-main-text .social-sharing-top { margin: 20px 0 0; text-align: left; } .video-main-text span.social-text { display: none; } .video-main-text .facebook-share, .video-main-text .twitter-share, .video-main-text .pinterest-share, .video-main-text .email-share { background: #555; display: block; float: left; margin-left: 1.666666666666%; width: 23.75%; max-width: 100px; } #woo-content { float: left; position: relative; width: 100%; } #woo-content h1.page-title { color: #222; font-size: 2.9rem; font-weight: 400; line-height: 100%; margin-bottom: 30px; text-align: center; text-transform: uppercase; width: 100%; } #woo-content p { color: #222; display: block; font-size: .95rem; font-weight: 400; line-height: 155%; margin-bottom: 20px; } #woo-content .summary p { color: #555; } #woo-content .summary p.price { color: #222; } .woocommerce div.product .woocommerce-product-rating { margin-bottom: 15px; } .woocommerce div.product form.cart { margin-top: 15px; } .woocommerce .woocommerce-breadcrumb { border-bottom: 1px solid #ddd; font-size: .75rem; line-height: 100%; margin-bottom: 20px; padding-bottom: 20px; } .woocommerce div.product .product_title { font-size: 1.7rem; font-weight: 400; line-height: 130%; margin-bottom: 15px; } .woocommerce div.product p.price { margin-bottom: 15px; } .woocommerce div.product p.price del, .woocommerce div.product span.price del, .woocommerce ul.products li.product .price del { display: inline-block; margin-right: 10px; } .woocommerce div.product p.price ins, .woocommerce div.product span.price ins, .woocommerce ul.products li.product .price ins, .woocommerce ul.products li.product .price, .woocommerce div.product p.price { color: #222; text-decoration: none; } .woocommerce div.product p.price, .woocommerce div.product p.price ins, .woocommerce div.product p.price del { font-size: 1.2rem; font-family: 'Lato', sans-serif; } .woocommerce ul.products li.product .price del, .woocommerce ul.products li.product .price ins, .woocommerce ul.products li.product .price { font-size: .9rem; font-family: 'Lato', sans-serif; } .woocommerce ul.products li.product .price, .woocommerce div.product p.price { font-weight: 700; } .woocommerce div.product { overflow: hidden; } .woocommerce .quantity .qty { height: 23px; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { opacity: .8; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce .widget_price_filter .price_slider_amount .button { font-family: 'Lato', sans-serif; font-size: .7rem; font-weight: 700; line-height: 100%; padding: 9px 25px; text-transform: uppercase; } .woocommerce div.product form.cart div.quantity { margin-right: 10px; } .woocommerce .product_meta { font-size: .8rem; } .woocommerce span.onsale { border-radius: 0; font-family: 'Lato', sans-serif; font-weight: 700; line-height: 100%; padding: 30px 35px 8px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: -10px; left: -35px; min-width: 0; min-height: 0; } .woocommerce ul.products li.product .onsale { top: -5px; left: -35px; right: auto; } .woocommerce ul.products li.product h3 { font-size: 1.1rem; font-weight: 400; line-height: 120%; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { overflow: hidden; } .woocommerce ul.products li.product .add_to_cart_button { display: none; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content, .woocommerce-page .widget_price_filter .price_slider_wrapper .ui-widget-content { float: left; margin: 10px 0 20px; width: 100%; } .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img { margin-left: 10px; width: 60px; } .woocommerce ul.product_list_widget span.product-title, .woocommerce ul.product_list_widget li a { font-size: .75rem; margin-bottom: 5px; } .woocommerce ul.product_list_widget li a.remove { font-size: 1.5rem; } .woocommerce ul.product_list_widget span.quantity, .woocommerce ul.product_list_widget span.amount { font-size: .8rem; text-decoration: none !important; } .woocommerce ul.product_list_widget del { margin-right: 5px; } .woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total { border-top: 1px solid #ddd; font-size: .9em; line-height: 100%; margin-top: 10px; padding: 10px 0; text-align: center; } .woocommerce .sidebar-widget a { color: #222; } .woocommerce .sidebar-widget p.buttons a, .woocommerce .sidebar-widget p.buttons a:hover { color: #222; } .widget_shopping_cart_content { float: left; } .woocommerce .sidebar-widget select { width: 100%; } .woocommerce #woo-content select, .woocommerce #sidebar-wrap select, .woocommerce #woo-content div.product form.cart .variations select, .woocommerce-page #woo-content div.product form.cart .variations select, .woocommerce #woo-content div.product form.cart .variations select, .woocommerce-page #woo-content div.product form.cart .variations select, .woocommerce #woo-content .woocommerce-ordering select, .woocommerce-page #woo-content .woocommerce-ordering select, .woocommerce #woo-content form .form-row select, .woocommerce-page #woo-content form .form-row select, .widget_product_categories select#dropdown_product_cat { padding: 5px; background: #fff; border: 1px solid #DDD; color: #888; font-size: 12px; text-transform: uppercase; } .woocommerce #sidebar-wrap select { padding: 5px 2%; width: 95.6%; } .woocommerce .related h2, .woocommerce div.product .woocommerce-tabs .panel h2 { color: #222; font-size: 1.1rem; font-weight: 700; line-height: 100%; margin-bottom: 15px; position: relative; } .woocommerce .related h2 { margin-bottom: 30px; } .woocommerce-review-link { font-family: 'Lato', sans-serif; font-size: .75rem; font-weight: 400; } .woocommerce .star-rating { margin-bottom: 5px; } .woocommerce .widget_top_rated_products ul.product_list_widget li { border-top: 1px solid #ddd; margin: 15px 0 0 0; padding: 15px 0 0 0; } .woocommerce .widget_top_rated_products ul.product_list_widget li:first-child { border-top: none; margin: 0; padding: 0; } #woo-content p.woocommerce-result-count { font-family: 'Lato', sans-serif; font-size: .8rem; font-weight: 400; } .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li { border-top-left-radius: 0; border-top-right-radius: 0; box-shadow: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce #content div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce #content div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li.active:after, .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active:after, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active:after, .woocommerce div.product .woocommerce-tabs ul.tabs li.active:before, .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active:before { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-width: 0; box-shadow: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { font-family: 'Lato', sans-serif; font-size: .8rem; font-weight: 400; } .woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs { border-bottom: 1px solid #ddd; margin-bottom: 30px; } .woocommerce #reviews #comments ol.commentlist li img.avatar { background: none; border: none; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; overflow: hidden; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta { font-size: .8rem; font-weight: 400; } .woocommerce div.product .woocommerce-tabs .panel { margin-bottom: 30px; } .pswp { z-index: 99999 !important; } #foot-ad-wrap { background: #eee; line-height: 0; margin-top: 15px; text-align: center; width: 100%; } footer#foot-wrap { background: #444; margin-top: 50px; width: 100%; } #foot-top-wrap { width: 100%; } #foot-widget-wrap { margin: 50px 0 20px -2.16919739696%; width: 102.16919739696%; } h3.foot-head { color: #fff; float: left; font-family: 'Montserrat', sans-serif; font-size: 1rem; font-weight: 700; line-height: 100%; margin-bottom: 15px; text-transform: uppercase; width: 100%; } .foot-widget { color: #777; font-size: .9rem; font-weight: 400; line-height: 130%; margin: 0 0 30px 2.12314225053%; width: 31.2101910828%; } .foot-widget p { margin-bottom: 15px; } .foot-widget a { color: #999; } .foot-widget a:hover { color: #fff; } .foot-logo { line-height: 0; margin-bottom: 20px; width: 100%; } .foot-info-text { margin-bottom: 10px; width: 100%; } .foot-soc { width: 100%; } ul.foot-soc-list { width: 100%; } ul.foot-soc-list li { float: left; width: 30px; } ul.foot-soc-list li a { color: #777; } ul.foot-soc-list li a:hover { color: #fff; } ul.foot-soc-list li i { font-size: 20px; } .tag-cloud { float: left; width: 100%; } .tag-cloud a { background: #555; color: #999; float: left; font-family: 'Montserrat', sans-serif; font-size: .5rem; font-weight: 700; line-height: 100%; margin: 0 5px 5px 0; padding: 5px 7px; text-transform: uppercase; } .tag-cloud a:visited { color: #999; } .tag-cloud a:hover { background: #777; color: #fff; } #foot-bot-wrap { background: #333; width: 100%; } #foot-bot { margin: 10px 0; width: 100%; } .foot-menu { float: right; max-width: 49%; } .foot-menu .menu { float: right; width: 100%; } .foot-menu .menu li { float: left; margin-left: 20px; } .foot-menu .menu li:first-child { margin-left: 0; } .foot-menu .menu li a { color: #999; font-size: .7rem; font-weight: 400; line-height: 100%; text-transform: uppercase; } .foot-menu .menu li a:visited { color: #999; } .foot-menu .menu li a:hover { color: #fff; } .foot-menu .menu li ul { display: none; } .foot-copy { float: left; max-width: 49%; } .foot-copy p { color: #777; font-size: .7rem; font-weight: 400; line-height: 130%; } .nav-links { float: left; margin-top: 20px; position: relative; width: 100%; } .pagination { clear: both; display: inline-block; position: relative; font-size: .8rem; font-weight: 700; line-height: 100%; padding: 0; text-transform: uppercase; } .pagination span, .pagination a { background: #fff; border: 1px solid #aaa; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; color: #aaa; display: block; float: left; font-family: 'Montserrat', sans-serif; font-size: .8rem; font-weight: 400; margin: 2px 5px 2px 0; padding: 9px 12px 8px; text-decoration: none; width: auto; } .pagination .current, .pagination a:hover { background: #aaa; color: #fff; } .pagination a, .pagination a:visited { color: #aaa; } a.inf-more-but { background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; display: inline-block; font-family: 'Montserrat', sans-serif; font-size: .8rem; font-weight: 700; margin: 20px auto 0; padding: 8px 0; text-align: center; text-transform: uppercase; width: 99%; } a.inf-more-but:hover { color: #fff !important; } #infscr-loading { color: #bbb; float: left; font-size: .8rem; font-weight: 400; line-height: 100%; margin-bottom: 20px; text-align: center; text-transform: uppercase; width: 100%; } #infscr-loading img { display: none; } #infscr-loading em { float: left; width: 100%; } .paginate-links { display: none; } @media screen and (min-width: 1601px) { .home-left-col, .home-mid-col, .home-right-col { display: block !important; } #body-main-wrap { display: table; float: none; margin: 0 auto; position: relative; top: auto; bottom: auto; left: auto; right: auto; width: 1600px; } } @media screen and (max-width: 1600px) and (min-width: 1501px) { .home-left-col, .home-mid-col, .home-right-col { display: block !important; } } @media screen and (max-width: 1500px) and (min-width: 1400px) { span.social-text { display: none; } .home-left-col, .home-mid-col, .home-right-col { display: block !important; } #home-feat-text { padding: 50px 3.61663652803% 35px; width: 92.7667269439%; } .category #home-feat-text { padding: 50px 2.30414746544% 20px; width: 95.3917050691%; } .home-widget, #home-mid-wrap .feat-widget-cont .home-title-wrap, #home-mid-wrap .gallery-widget-wrap .home-title-wrap, #home-mid-wrap .feat-widget-text { margin: 0 3.61663652803% 20px; width: 92.7667269439%; } .gallery-widget-wrap .post-gallery-bot { margin: 0 3.61663652803%; width: 92.7667269439%; } #home-mid-wrap .feat-widget-text { margin-top: 20px; } ul.row-widget-list { margin-left: -3.89863547758%; width: 103.89863547758%; } ul.row-widget-list li { margin-left: 3.75234521576%; width: 29.5809881176%; } .blog-widget-text h2 { font-size: 1rem; line-height: 130%; } :is(#content-area, .ka-content-area), .post-feat-text { padding: 30px 3.45622119816%; width: 93.0875576037%; } .post-feat-text { padding-top: 40px; padding-bottom: 20px; } .social-comments i { width: 100%; } span.social-text-com { margin-right: 0; width: 100%; } .social-comments span.social-text-com a { margin-top: -26px; margin-left: 0; padding: 26px 0 0; width: 100%; } #archive-list-wrap { padding: 0 2.30414746544% 20px; width: 95.3917050691%; } ul.archive-col-list { margin-left: -2.4154589372%; width: 102.4154589372%; } ul.archive-col-list li { margin-left: 2.35849065504%; width: 30.9748427673%; } .archive-list-out { margin-left: -270px; } .archive-list-in { margin-left: 270px; } .archive-list-img { width: 250px; } .feat-top2-left-text { padding: 30px 2.53807106599% 15px; width: 94.93%; } .feat-top2-right-text { padding: 30px 5.08474576271% 15px; width: 89.84%; } #feat-wide-main .feat-wide4-text p { font-size: 1.4rem; } #feat-wide-sub { width: 20%; } .feat-wide5-text { padding: 40px 6.77966101695% 20px; width: 86.45%; } #feat-wide-wrap .feat-wide5-text h2 { font-size: 1.4rem; } } @media screen and (max-width: 1399px) and (min-width: 1250px) { .row-widget-wrap .feat-info-wrap, span.social-text { display: none; } .home-left-col, .home-mid-col, .home-right-col { display: block !important; } .home-wrap-out2 { margin-left: -265px; } .home-wrap-in2 { margin-left: 265px; } .home-mid-col { width: 250px; } .side-list-text p { font-size: .75rem; } #home-feat-text { padding: 50px 4.41501103753% 35px; width: 91.1699779249%; } .category #home-feat-text { padding: 50px 2.71002710027% 20px; width: 94.5799457995%; } #home-feat-text h2, .feat-top2-left-text h2, .feat-wide1-text h2, .feat-wide4-text h2 { font-size: 1.9rem; } #feat-top-wrap #home-feat-text h2 { font-size: 2.3rem; } #home-feat-text p, .feat-top2-left-text p, .feat-wide1-text p, .feat-wide4-text p { font-size: 1rem; } .home-widget, #home-mid-wrap .feat-widget-cont .home-title-wrap, #home-mid-wrap .gallery-widget-wrap .home-title-wrap, #home-mid-wrap .feat-widget-text { margin: 0 4.3956043956% 20px; width: 91.2087912088%; } .gallery-widget-wrap .post-gallery-bot { margin: 0 4.3956043956%; width: 91.2087912088%; } #home-mid-wrap .feat-widget-text { margin-top: 20px; } ul.row-widget-list { margin-left: -4.81927710843%; width: 104.81927710843%; } ul.row-widget-list li { margin-left: 4.59770114943%; width: 28.7356321839%; } .row-widget-text p { font-size: .75rem; } .blog-widget-text h2 { font-size: 1rem; line-height: 130%; } .blog-widget-img { margin-right: 4.84261501211%; width: 36.3196125908%; } .blog-widget-text { width: 58.8377723971%; } :is(#post-header, .ka-post-header) { display: block; float: left; margin: 30px 4.1782729805%; padding: 0; width: 91.643454039%; } h1.post-title, :is(#content-main, .ka-content-main) h1.post-title { font-size: 2.1rem; } :is(#content-area, .ka-content-area), .post-feat-text { padding: 30px 4.1782729805%; width: 91.643454039%; } .post-feat-text { padding-top: 40px; padding-bottom: 20px; } .social-comments i { width: 100%; } span.social-text-com { margin-right: 0; width: 100%; } .social-comments span.social-text-com a { margin-top: -26px; margin-left: 0; padding: 26px 0 0; width: 100%; } #archive-list-wrap { padding: 0 2.78551532033% 20px; width: 94.4289693593%; } ul.archive-col-list { margin-left: -2.94985250737%; width: 102.94985250737%; } ul.archive-col-list li { margin-left: 2.86532951289%; width: 30.4680038204%; height: 340px; } .archive-list-out { margin-left: -270px; } .archive-list-in { margin-left: 270px; } .archive-list-img { width: 250px; } #foot-widget-wrap { margin-left: -2.90416263311%; width: 102.90416263311%; } .foot-widget { margin-left: 2.82220131703%; width: 30.5111320163%; } .feat-top2-left-text { padding: 30px 2.90697674419% 15px; width: 94.19%; } .feat-top2-right-text { padding: 30px 5.83657587549% 15px; width: 88.33%; } #feat-wide-main .feat-wide4-text h2 { font-size: 3rem; } #feat-wide-main .feat-wide4-text p { font-size: 1.4rem; } #feat-wide-sub { width: 20%; } #feat-wide-sub { width: 20%; } .feat-wide5-main { margin-left: .145208131655%; width: 24.8910939013%; } .feat-wide5-text { padding: 40px 7.78210116732% 20px; width: 84.44%; } #feat-wide-wrap .feat-wide5-text h2 { font-size: 1.4rem; } .post-wide-text1 { padding: 60px 20% 30px; width: 60%; } .video-main-top { width: 100%; } .video-main-text { padding: 20px 2.78551532033%; width: 94.4289693593%; } .mvp-related-text a { font-size: .8rem; } } @media screen and (max-width: 1249px) and (min-width: 1100px) { .row-widget-wrap .feat-info-wrap, #prev-next-wrap, #wallpaper, span.social-text, span.social-text-com { display: none; } .home-left-col, .home-mid-col, .home-right-col { display: block !important; } .home-wrap-out2 { margin-left: -265px; } .home-wrap-in2 { margin-left: 265px; } .home-mid-col { width: 250px; } .side-list-text p { font-size: .75rem; } #home-feat-text { padding: 50px 4.41501103753% 35px; width: 91.1699779249%; } .category #home-feat-text { padding: 50px 2.71002710027% 20px; width: 94.5799457995%; } #home-feat-text h2, .feat-top2-left-text h2, .feat-wide1-text h2, .feat-wide4-text h2 { font-size: 1.9rem; } #feat-top-wrap #home-feat-text h2 { font-size: 2.3rem; } #home-feat-text p, .feat-top2-left-text p, .feat-wide1-text p, .feat-wide4-text p { font-size: 1rem; } .home-widget, #home-mid-wrap .feat-widget-cont .home-title-wrap, #home-mid-wrap .gallery-widget-wrap .home-title-wrap, #home-mid-wrap .feat-widget-text { margin: 0 4.3956043956% 20px; width: 91.2087912088%; } .gallery-widget-wrap .post-gallery-bot { margin: 0 4.3956043956%; width: 91.2087912088%; } #home-mid-wrap .feat-widget-text { margin-top: 20px; } ul.row-widget-list { margin-left: -4.81927710843%; width: 104.81927710843%; } ul.row-widget-list li { margin-left: 4.59770114943%; width: 28.7356321839%; } .row-widget-text p { font-size: .75rem; } .blog-widget-text h2 { font-size: 1rem; line-height: 130%; } .blog-widget-img { margin-right: 4.5871559633%; width: 34.4036697248%; } .blog-widget-text { width: 61.0091743119%; } :is(#post-header, .ka-post-header) { display: block; float: left; margin: 30px 4.1782729805%; padding: 0; width: 91.643454039%; max-width: none; } h1.post-title, :is(#content-main, .ka-content-main) h1.post-title { font-size: 2.1rem; } :is(#content-area, .ka-content-area), .post-feat-text { padding: 30px 4.06504065041%; width: 91.8699186992%; } .post-feat-text { padding-top: 40px; padding-bottom: 20px; } .social-comments i { width: 100%; } span.social-text-com { margin-right: 0; width: 100%; } .social-comments span.social-text-com a { margin-top: -26px; margin-left: 0; padding: 26px 0 0; width: 100%; } #archive-list-wrap { padding: 0 2.78551532033% 20px; width: 94.4289693593%; } ul.archive-col-list { margin-left: -2.94985250737%; width: 102.94985250737%; } ul.archive-col-list li { margin-left: 2.86532951289%; width: 30.4680038204%; height: 340px; } .archive-list-out { margin-left: -270px; } .archive-list-in { margin-left: 270px; } .archive-list-img { width: 250px; } #foot-widget-wrap { margin-left: 0; width: 100%; } .foot-widget { margin-left: 2.849002849%; width: 29.534662868%; } .feat-top2-left-text { padding: 30px 2.90697674419% 15px; width: 94.19%; } .feat-top2-right-text { padding: 30px 5.83657587549% 15px; width: 88.33%; } #feat-wide-main .feat-wide4-text h2 { font-size: 3rem; } #feat-wide-main .feat-wide4-text p { font-size: 1.4rem; } #feat-wide-sub { width: 20%; } #feat-top-wrap .feat-wide4-text, #feat-wide-wrap .feat-wide4-text { padding-left: 30px; } #feat-top-wrap #feat-wide-sub, #feat-wide-wrap #feat-wide-sub { padding-right: 30px; } .feat-wide5-main { margin-left: .145208131655%; width: 24.8910939013%; } .feat-wide5-text { padding: 40px 7.78210116732% 20px; width: 84.44%; } #feat-top-wrap .feat-wide5-text h2, #feat-wide-wrap .feat-wide5-text h2 { font-size: 1.3rem; } .post-wide-text1 { padding: 60px 20% 30px; width: 60%; } .video-main-top { width: 100%; } .video-main-text { padding: 20px 2.78551532033%; width: 94.4289693593%; } .mvp-related-text a { font-size: .8rem; } } @media screen and (max-width: 1099px) and (min-width: 1004px) { #tab-col2, .feat-title-wrap, #tab-col2 .side-title-wrap, ul.col-tabs li.pop-col-tab, #prev-next-wrap, #wallpaper { display: none; } .home .fixed { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .col-tabs-wrap { display: block; } .home .tabs-top-marg { margin-top: 30px !important; } .home-wrap-out2, .home-wrap-in2 { margin-left: 0; } ul.col-tabs li { width: 50%; } #home-feat-text, #feat-top-wrap #home-feat-text { padding-bottom: 20px; } .category #home-feat-text { padding: 50px 3.11526479751% 20px; width: 93.769470405%; } .home-mid-col { margin-right: 0; width: 100%; } .home-right-col { display: block !important; } .home-widget, #home-mid-wrap .feat-widget-cont .home-title-wrap, #home-mid-wrap .gallery-widget-wrap .home-title-wrap, #home-mid-wrap .feat-widget-text { margin: 0 3.11526479751% 20px; width: 93.769470405%; } .gallery-widget-wrap .post-gallery-bot { margin: 0 3.11526479751%; width: 93.769470405%; } #home-mid-wrap .feat-widget-text { margin-top: 20px; } .home-mid-col ul.side-list li { padding: 15px 2.33644859813%; width: 95.3271028037%; } .home-mid-col .side-list-text p { font-size: 1rem; line-height: 120%; } :is(#post-header, .ka-post-header) { display: block; float: left; margin: 30px 4.67289719626%; padding: 0; width: 90.6542056075%; } h1.post-title, :is(#content-main, .ka-content-main) h1.post-title { font-size: 2rem; } :is(#content-area, .ka-content-area), .post-feat-text { padding: 30px 4.67289719626%; width: 90.6542056075%; } .post-feat-text { padding-top: 40px; padding-bottom: 20px; } .post-cont-out, .post-cont-in { margin-right: 0; } .social-comments i { width: 100%; } span.social-text-com { margin-right: 0; width: 100%; } .social-comments span.social-text-com a { margin-top: -26px; margin-left: 0; padding: 26px 0 0; width: 100%; } :is(#post-sidebar-wrap, .ka-post-sidebar-wrap) { border-top: 1px solid #ddd; float: left; margin-left: 0; margin-top: 20px; padding-top: 20px; width: 100%; } #archive-list-wrap { padding: 0 3.11526479751% 20px; width: 93.769470405%; } ul.archive-col-list { margin-left: -3.32225913621%; width: 103.32225913621%; } ul.archive-col-list li { margin-left: 3.2154340836%; width: 46.7845659164%; } .archive-list-out { margin-left: -270px; } .archive-list-in { margin-left: 270px; } .archive-list-img { width: 250px; } #foot-widget-wrap { margin-left: 0; width: 100%; } .foot-widget { margin-left: 3.13479623824%; margin-bottom: 60px; width: 45.2978056426%; } .foot-widget:nth-child(3n+3) { clear: both; } .feat-top2-left-text { padding: 30px 3.04259634888% 15px; width: 93.92%; } .feat-top2-right-text { padding: 30px 6.09756097561% 15px; width: 87.81%; } #feat-wide-main .feat-wide4-text h2 { font-size: 2.8rem; } #feat-wide-main .feat-wide4-text p { font-size: 1.3rem; } #feat-wide-sub { width: 25%; } #feat-top-wrap .feat-wide4-text, #feat-wide-wrap .feat-wide4-text { padding-left: 30px; } #feat-top-wrap #feat-wide-sub, #feat-wide-wrap #feat-wide-sub { padding-right: 30px; } .feat-wide5-main { margin-left: .145208131655%; width: 24.8910939013%; } .feat-wide5-text { padding: 40px 8.40336134454% 20px; width: 83.2%; } #feat-top-wrap .feat-wide5-text h2, #feat-wide-wrap .feat-wide5-text h2 { font-size: 1.2rem; } .post-wide-text1 { padding: 60px 20% 30px; width: 60%; } h1.post-title-wide, :is(#content-main, .ka-content-main) h1.post-title { font-size: 2.7rem; } .post-wide-text1 span.post-excerpt p { font-size: 1.1rem; } #post-wide-video { display: block; margin: 0; max-width: none; } .video-main-top { width: 100%; } .video-main-text { padding: 20px 2.78551532033%; width: 94.4289693593%; } } @media screen and (max-width: 1003px) and (min-width: 900px) { .fly-to-top, #tab-col2, nav.main-menu-wrap, .feat-title-wrap, #tab-col2 .side-title-wrap, ul.col-tabs li.pop-col-tab, span.social-text, #prev-next-wrap, #wallpaper, .logo-left-wrap, .logo-wide-wrap { display: none; } .home .fixed { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .col-tabs-wrap { display: block; } .home .tabs-top-marg { margin-top: 30px !important; } .body-main-out { padding: 0 20px; } .home-wrap-out2, .home-wrap-in2 { margin-left: 0; } ul.col-tabs li { width: 50%; } .home-mid-col { margin-right: 0; width: 100%; } .home-right-col { display: block !important; } ul.side-list li { padding: 15px 2.33644859813%; width: 95.3271028037%; } .side-list-text p { font-size: 1rem; line-height: 120%; } #home-feat-text, .category #home-feat-text { padding: 50px 3.6496350365% 20px; width: 92.700729927%; } .home-widget, #home-mid-wrap .feat-widget-cont .home-title-wrap, #home-mid-wrap .gallery-widget-wrap .home-title-wrap, #home-mid-wrap .feat-widget-text { margin: 0 3.6496350365% 20px; width: 92.700729927%; } .gallery-widget-wrap .post-gallery-bot { margin: 0 3.6496350365%; width: 92.700729927%; } #home-mid-wrap .feat-widget-text { margin-top: 20px; } #feat-top-wrap #home-feat-text { padding: 50px 2.31749710313% 20px; width: 95.4%; } ul.row-widget-list { margin-left: -3.93700787402%; width: 103.93700787402%; } ul.row-widget-list li { margin-left: 3.787878787878%; width: 29.5454545454545%; } .blog-widget-text h2, #post-right-col .blog-widget-text h2 { font-size: 1rem; line-height: 130%; } .blog-widget-img { margin-right: 3.44827586207%; width: 31.0344827586%; } .blog-widget-text { width: 60.6299212598%; } :is(#content-area, .ka-content-area), .post-feat-text { padding: 30px 3.47624565469%; width: 93.0475086906%; } .post-feat-text { padding-top: 40px; padding-bottom: 20px; } .post-wrap-out1, .post-wrap-in1 { margin-right: 0; } .social-comments i { width: 100%; } span.social-text-com { margin-right: 0; width: 100%; } .social-comments span.social-text-com a { margin-top: -26px; margin-left: 0; padding: 26px 0 0; width: 100%; } #post-right-col { margin: 15px 0 0 0; width: 100%; } #post-right-col .feat-widget-img { width: 34.7624565469%; max-height: none; } #post-right-col .feat-widget-text { padding: 20px 2.31749710313%; width: 60.6025492468%; } #post-right-col .feat-widget-text h2 { font-size: 1.15rem; } #post-right-col .side-widget { padding: 20px 2.31749710313%; width: 95.3650057937%; } #post-right-col .blog-widget-img { margin-right: 1.82260024301%; width: 9.7205346294%; max-width: 80px; } #post-right-col .blog-widget-text { width: 88.4568651276%; } #post-right-col .blog-widget-text p { display: block !important; } #archive-list-wrap { padding: 0 3.6496350365% 20px; width: 92.700729927%; } ul.archive-col-list { margin-left: -3.93700787402%; width: 103.93700787402%; } ul.archive-col-list li { margin-left: 3.787878787878%; width: 46.212121212121%; } .archive-list-out { margin-left: -220px; } .archive-list-in { margin-left: 220px; } .archive-list-img { width: 200px; } .archive-list-text h2 { font-size: 1rem; } #foot-widget-wrap { margin-left: 0; width: 100%; } .foot-widget { margin-left: 3.47624565469%; margin-bottom: 60px; width: 44.785631518%; } .foot-widget:nth-child(3n+3) { clear: both; } .feat-top2-left-wrap, .feat-top2-right-wrap { width: 100%; } #feat-wide-wrap .feat-top2-left-wrap { height: 370px; } .feat-top2-left-wrap { margin-bottom: 1px; } .feat-top2-right-wrap, #feat-wide-wrap .feat-top2-right-wrap { height: auto; } .feat-top2-right { margin-left: .173812282735%; width: 33.2174584782%; } .feat-top2-right:first-child { margin-left: 0; } .feat-top2-right, .feat-top2-right:first-child, #feat-top-wrap .feat-top2-right, #feat-top-wrap .feat-top2-right:first-child, #feat-wide-wrap .feat-top2-right, #feat-wide-wrap .feat-top2-right:first-child { height: 150px; } .feat-top2-right:first-child .feat-top2-right-img img, .feat-top2-right-img img, #feat-wide-wrap .feat-top2-right:first-child .feat-top2-right-img img, #feat-wide-wrap .feat-top2-right-img img { min-width: 260px; } .feat-top2-right:first-child .feat-top2-big { display: none; } .feat-top2-right:first-child .feat-top2-small { display: block; } .feat-top2-right-text h2, .feat-top2-right:first-child .feat-top2-right-text h2 { font-size: .9rem; } .feat-top2-left-text { padding: 30px 1.66666666% 15px; width: 96.67%; } .feat-top2-right-text { padding: 30px 5.22648083624% 15px; width: 89.55%; } #feat-top-wrap .feat-top2-left-wrap .feat-info-wrap, #feat-top-wrap .feat-top2-right-wrap .feat-info-wrap { top: 0; right: 0; } #feat-wide-main .feat-wide4-text h2 { font-size: 2.8rem; } #feat-wide-main .feat-wide4-text p { font-size: 1.3rem; } .feat-wide4-text { width: 30%; } #feat-wide-sub { width: 25%; } #feat-top-wrap .feat-wide4-text, #feat-wide-wrap .feat-wide4-text { padding-left: 30px; } #feat-top-wrap #feat-wide-sub, #feat-wide-wrap #feat-wide-sub { padding: 50px 30px 20px 100px; } #feat-top-wrap #feat-wide-main, #feat-wide-wrap #feat-wide-main { height: auto; } #feat-wide-main .feat-wide1-img img { position: relative; left: auto; right: auto; } .feat-wide1-img img { margin-top: 0 !important; } .feat-wide4-text, #feat-top-wrap #feat-wide-sub, #feat-wide-wrap #feat-wide-sub { height: 500px; } #feat-top-wrap .feat-wide5-main, #feat-wide-wrap .feat-wide5-main { height: 370px; } .feat-wide5-img img { min-width: 660px; } .feat-wide5-main { margin-left: .145208131655%; width: 24.8910939013%; } .feat-wide5-text { padding: 30px 6.97674418605% 15px; width: 86.05%; } #feat-top-wrap .feat-wide5-text h2, #feat-wide-wrap .feat-wide5-text h2 { font-size: 1rem; } .post-wide-text1 { padding: 40px 15% 30px; width: 70%; } h1.post-title-wide { font-size: 2.5rem; } .post-wide-text1 span.post-excerpt p { font-size: 1rem; } #post-wide-video { display: block; margin: 0; max-width: none; padding: 0; width: 100%; } .video-main-top { width: 100%; } .video-main-text { padding: 20px 3.6496350365%; width: 92.700729927%; } .video-main-text h2 { font-size: 1.1rem; } .logo-leader-out, .logo-leader-in { margin-left: 0; } .logo-left-wrap { margin-bottom: 15px; margin-right: 0; text-align: center; width: 100%; } .nav-logo-out { margin-left: -280px !important; } .nav-logo-in { margin-left: 280px !important; } .nav-left-wrap { width: 280px !important; } .nav-logo-fade { width: 200px; } .mvp-related-text a { font-size: .8rem; } } @media screen and (max-width: 899px) and (min-width: 768px) { nav.main-menu-wrap, .fly-to-top, #tab-col2, .feat-title-wrap, #tab-col2 .side-title-wrap, ul.col-tabs li.pop-col-tab, .blog-widget-text p, span.social-text, #prev-next-wrap, .archive-list-text p, #wallpaper, .logo-left-wrap, .logo-wide-wrap { display: none; } .home .fixed { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .col-tabs-wrap { display: block; } .home .tabs-top-marg { margin-top: 30px !important; } .body-main-out { padding: 0 20px; } .home-wrap-out2, .home-wrap-in2 { margin-left: 0; } ul.col-tabs li { width: 50%; } #home-feat-text { padding-bottom: 20px; } .home-mid-col { margin-right: 0; width: 100%; } .home-right-col { display: block !important; } ul.side-list li { padding: 15px 3.60576923077%; width: 92.7884615385%; } #post-right-col ul.side-list li { padding: 15px 2.05198358413%; width: 95.8960328317%; } .side-list-text p { font-size: 1rem; line-height: 120%; } #home-feat-text, .category #home-feat-text { padding: 50px 4.81927710843% 20px; width: 90.3614457831%; } #home-feat-text h2, .feat-top2-left-text h2, .feat-wide1-text h2, .feat-wide4-text h2 { font-size: 1.9rem; } #home-feat-text p, .feat-top2-left-text p, .feat-wide1-text p, .feat-wide4-text p { font-size: 1rem; } .home-widget, #home-mid-wrap .feat-widget-cont .home-title-wrap, #home-mid-wrap .gallery-widget-wrap .home-title-wrap, #home-mid-wrap .feat-widget-text { margin: 0 4.80769230769% 20px; width: 90.3846153846%; } .gallery-widget-wrap .post-gallery-bot { margin: 0 4.80769230769%; width: 90.3846153846%; } #home-mid-wrap .feat-widget-text { margin-top: 20px; } #feat-top-wrap #home-feat-text, .feat-wide1-text { padding: 50px 2.73597811218% 20px; width: 94.53%; } #feat-top-wrap #home-feat-text h2 { font-size: 2.3rem; } #feat-wide-wrap { height: auto; } .feat-wide1-text { padding-bottom: 40px; } .feat-wide1-img img, .feat-top2-left-img img, .feat-top2-right-img img { position: relative; left: auto; right: auto; } #feat-wide-main .feat-wide1-text h2, #feat-wide-main .feat-wide4-text h2 { font-size: 3rem; } #feat-wide-main .feat-wide1-text p, #feat-wide-main .feat-wide4-text p { font-size: 1.4rem; } ul.row-widget-list { margin-left: 0; margin-bottom: -20px; width: 100%; } ul.row-widget-list li { border-top: 1px solid #ddd; margin-left: 0; padding: 20px 0; width: 100%; } ul.row-widget-list li:first-child { border-top: none; padding-top: 0; } .row-widget-img, .blog-widget-img { margin: 0 5.31914893617% 0 0; width: 39.8936170213%; } .row-widget-text, .blog-widget-text { width: 54.7872340426%; } .row-widget-text p, .blog-widget-text h2 { font-size: .9rem; } .post-wrap-out1, .post-wrap-in1 { margin-right: 0; } :is(#post-header, .ka-post-header) { display: block; float: left; margin: 30px 4.10396716826%; padding: 0; width: 91.7920656635%; } :is(#content-area, .ka-content-area), .post-feat-text { padding: 30px 4.10396716826%; width: 91.7920656635%; } .post-feat-text { padding-top: 40px; padding-bottom: 20px; } .social-comments i { width: 100%; } span.social-text-com { margin-right: 0; width: 100%; } .social-comments span.social-text-com a { margin-top: -26px; margin-left: 0; padding: 26px 0 0; width: 100%; } #post-right-col { margin: 20px 0 0 0; width: 100%; } #post-right-col .feat-widget-img { width: 34.1997264022%; max-height: none; } #post-right-col .feat-widget-text { padding: 20px 2.73597811218%; width: 60.3283173735%; } #post-right-col .feat-widget-text h2 { font-size: 1.15rem; } #post-right-col .side-widget { padding: 15px 2.05198357413%; width: 95.8960328317%; } #post-right-col .blog-widget-img { margin-right: 2.13980028531%; width: 11.4122681883%; max-width: 80px; } #post-right-col .blog-widget-text { width: 73.6330498177%; } #post-right-col .blog-widget-text h2 { font-size: 1rem; } #archive-list-wrap { padding: 0 4.80769230769% 20px; width: 90.38446153846%; } ul.archive-col-list { margin-left: -3.93700787402%; width: 103.93700787402%; } ul.archive-col-list li { margin-left: 3.787878787878%; width: 46.212121212121%; height: 220px; } h1.arch-head { line-height: 130%; margin: 10px 0 30px; } .archive-list-out { margin-left: -170px; } .archive-list-in { margin-left: 170px; } .archive-list-img { width: 150px; } .archive-list-text h2 { font-size: 1rem; } #foot-widget-wrap { margin-left: 0; width: 100%; } .foot-widget { margin-left: 4.10396716826%; margin-bottom: 60px; width: 43.8440492476%; } .foot-widget:nth-child(3n+3) { clear: both; } #foot-bot { margin: 10px 3.11041990669%; width: 93.7791601866%; } .foot-menu { margin-bottom: 15px; max-width: none; text-align: center; width: 100%; } .foot-copy { max-width: none; width: 100%; } .category h1.cat-head { font-size: 1.3rem; } .author-page-text h1.cat-head { margin-bottom: 10px; } .author-box-bot, h4.post-header { margin-bottom: 20px; } .feat-top2-left-wrap, .feat-top2-right-wrap { width: 100%; } .feat-top2-left-wrap { margin-bottom: 1px; } #feat-wide-wrap .feat-top2-left-wrap { height: 370px; } .feat-top2-right-wrap, #feat-wide-wrap .feat-top2-right-wrap { height: auto; } .feat-top2-right { margin-left: .173812282735%; width: 33.2174584782%; } .feat-top2-right:first-child { margin-left: 0; } .feat-top2-right, .feat-top2-right:first-child, #feat-wide-wrap .feat-top2-right, #feat-wide-wrap .feat-top2-right:first-child { height: 150px; } .feat-top2-right:first-child .feat-top2-right-img img, .feat-top2-right-img img, #feat-wide-wrap .feat-top2-right:first-child .feat-top2-right-img img, #feat-wide-wrap .feat-top2-right-img img { min-width: 260px; } .feat-top2-right:first-child .feat-top2-big { display: none; } .feat-top2-right:first-child .feat-top2-small { display: block; } .feat-top2-right-text h2, .feat-top2-right:first-child .feat-top2-right-text h2 { font-size: .9rem; } .feat-top2-left-text { padding: 30px 2.05198358413% 15px; width: 95.9%; } .feat-top2-right-text { padding: 30px 6.19834710744% 15px; width: 87.61%; } #feat-top-wrap .feat-top2-left-wrap .feat-info-wrap, #feat-top-wrap .feat-top2-right-wrap .feat-info-wrap { top: 0; right: 0; } #feat-wide-main { height: auto; } #feat-top-wrap .feat-wide4-text, #feat-wide-wrap .feat-wide4-text { padding: 40px 100px 40px 20px; height: 612px; } #feat-wide-main .feat-wide4-text h2 { font-size: 2.5rem; } #feat-wide-main .feat-wide4-text p { font-size: 1.1rem; } #feat-wide-sub, .feat-wide4-text { width: 30%; } #feat-top-wrap .feat-wide4-text, #feat-wide-wrap .feat-wide4-text { padding: 50px 100px 20px 20px; } #feat-top-wrap #feat-wide-sub, #feat-wide-wrap #feat-wide-sub { padding: 20px 20px 20px 100px; height: 692px; } ul.feat-wide-sub-list li { margin-bottom: 15px; } #feat-top-wrap #feat-wide-main, #feat-wide-wrap #feat-wide-main { height: auto; } .feat-wide1-img img { margin-top: 0 !important; } .feat-wide4-text, #feat-top-wrap #feat-wide-sub, #feat-wide-wrap #feat-wide-sub { height: 500px; } #feat-top-wrap .feat-wide5-main, #feat-wide-wrap .feat-wide5-main { height: 300px; } .feat-wide5-img img { min-width: 540px; } .feat-wide5-main { margin-left: .205198358413%; width: 24.8461012312%; } .feat-wide5-text { padding: 30px 8.24175824176% 15px; width: 83.52%; } #feat-top-wrap .feat-wide5-text h2, #feat-wide-wrap .feat-wide5-text h2 { font-size: .9rem; } .post-wide-text1 { padding: 40px 15% 30px; width: 70%; } h1.post-title-wide { font-size: 2.4rem; } .post-wide-text1 span.post-excerpt p { font-size: 1rem; } #post-wide-video { display: block; margin: 0; max-width: none; padding: 0; width: 100%; } .video-main-top { width: 100%; } .video-main-text { padding: 20px 4.80769230769%; width: 90.3846153846%; } .video-main-text h2 { font-size: 1.1rem; } .logo-leader-out, .logo-leader-in { margin-left: 0; } .logo-left-wrap { margin-bottom: 15px; margin-right: 0; text-align: center; width: 100%; } .nav-logo-out { margin-left: -280px !important; } .nav-logo-in { margin-left: 280px !important; } .nav-left-wrap { width: 280px !important; } .nav-logo-fade { width: 200px; } .mvp-related-text a { font-size: .8rem; } } @media screen and (max-width: 767px) and (min-width: 660px) { nav.main-menu-wrap, .fly-to-top, #tab-col2, #tab-col3, .feat-title-wrap, .side-title-wrap, #prev-next-wrap, #wallpaper, .logo-left-wrap, .logo-wide-wrap { display: none; } .home .fixed { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .col-tabs-wrap { display: block; } .home .tabs-top-marg { margin-top: 30px !important; } .body-main-out { padding: 0; } .home-wrap-out1, .home-wrap-in1 { margin-right: 0; } .home-wrap-out2, .home-wrap-in2 { margin-left: 0; } #home-feat-text { padding-bottom: 20px; } .category #home-feat-text, #feat-top-wrap #home-feat-text, .feat-wide1-text { padding: 50px 3.0303030303% 20px; width: 93.939393939393%; } .feat-wide1-text { padding-bottom: 40px; } .feat-wide1-img img, .feat-top2-left-img img, .feat-top2-right-img img { position: relative; left: auto; right: auto; } .feat-wide1-img img { margin-top: 0 !important; } #feat-wide-main .feat-wide1-text h2, #feat-wide-main .feat-wide4-text h2 { font-size: 2.9rem; } #feat-wide-main .feat-wide1-text p, #feat-wide-main .feat-wide4-text p { font-size: 1.2rem; } .home-mid-col, .home-right-col, #post-right-col, #arch-right-col { margin: 0 2.33281493002%; width: 95.33437014%; } #post-right-col, #arch-right-col { margin-top: 15px; } #post-right-col .side-title-wrap { display: block !important; } ul.side-list li { padding: 15px 2.33644859813%; width: 95.3271028037%; } .side-list-text p { font-size: 1rem; line-height: 120%; } .home-right-col .feat-widget-img { max-height: none; width: 40%; height: 150px; } .home-right-col .feat-widget-img img { min-width: 260px; } .home-right-col .feat-widget-text { margin: 0; padding: 15px 4%; width: 52%; height: 120px; } .home-right-col .feat-widget-text h2 { font-size: 1rem; } .home-widget, #home-mid-wrap .feat-widget-cont .home-title-wrap, #home-mid-wrap .gallery-widget-wrap .home-title-wrap, #home-mid-wrap .feat-widget-text { margin: 0 3.11041990669% 20px; width: 93.7791601866%; } .gallery-widget-wrap .post-gallery-bot { margin: 0 3.11041990669%; width: 93.7791601866%; } #home-mid-wrap .feat-widget-text { margin-top: 20px; } .post-wrap-out1, .post-wrap-in1 { margin-right: 0; } :is(#post-header, .ka-post-header) { display: block; float: left; margin: 30px 4.66562986003%; padding: 0; width: 90.6687402799%; } h1.post-title, :is(#content-main, .ka-content-main) h1.post-title { font-size: 1.9rem; } .post-cont-out, .post-cont-in { margin-right: 0; } :is(#content-area, .ka-content-area), .post-feat-text { padding: 30px 4.66562986003%; width: 90.6687402799%; } .post-feat-text { padding-top: 40px; padding-bottom: 20px; } .social-comments i { width: 100%; } span.social-text-com { margin-right: 0; width: 100%; } .social-comments span.social-text-com a { margin-top: -26px; margin-left: 0; padding: 26px 0 0; width: 100%; } :is(#post-sidebar-wrap, .ka-post-sidebar-wrap) { border-top: 1px solid #ddd; float: left; margin-left: 0; margin-top: 20px; padding-top: 20px; width: 100%; } #post-right-col .feat-widget-img, #arch-right-col .feat-widget-img { width: 38.8802488336%; max-height: none; } #post-right-col .feat-widget-text, #arch-right-col .feat-widget-text { padding: 20px 3.11041990669%; width: 54.898911353%; } #post-right-col .feat-widget-text h2, #arch-right-col .feat-widget-text h2 { font-size: 1.1rem; } #post-right-col .side-widget, #arch-right-col .side-widget { padding: 20px 2.44698205546%; width: 95.1060358891%; } #post-right-col .blog-widget-img, #arch-right-col .blog-widget-img { margin-right: 2.57289879931%; width: 13.7221269297%; max-width: 80px; } #post-right-col .blog-widget-text, #arch-right-col .blog-widget-text { width: 83.704974271%; } #post-right-col .blog-widget-text h2, #arch-right-col .blog-widget-text h2 { font-size: 1rem; } #archive-list-wrap { padding: 0 3.11041990669% 20px; width: 93.7791601866%; } ul.archive-col-list { margin-left: -3.31674958541%; width: 103.31674958541%; } ul.archive-col-list li { margin-left: 3.21027287319%; width: 46.7897271268%; } h1.arch-head { line-height: 130%; margin: 10px 0 30px; } .archive-list-out { margin-left: -220px; } .archive-list-in { margin-left: 220px; } .archive-list-img { width: 200px; } .archive-list-text h2 { font-size: 1rem; } #foot-widget-wrap { margin: 40px 3.11041990669% 20px; width: 93.7791601866%; } .foot-widget { margin-left: 0; margin-bottom: 40px; width: 100%; } #foot-bot { margin: 10px 3.11041990669%; width: 93.7791601866%; } .foot-menu { margin-bottom: 15px; max-width: none; text-align: center; width: 100%; } .foot-copy { max-width: none; width: 100%; } .page h1.cat-head, .category h1.cat-head { font-size: 1.3rem; margin: 0 2.2727272727% 15px; width: 95.454545454545%; / 630px / 660px */ } .author-page-text h1.cat-head { margin-bottom: 10px; } .author-box-bot, h4.post-header { margin-bottom: 20px; } .feat-top2-left-wrap, .feat-top2-right-wrap { width: 100%; } .feat-top2-left-wrap, #feat-wide-wrap .feat-top2-left-wrap { margin-bottom: 1px; height: auto; } .feat-top2-right-wrap, #feat-wide-wrap .feat-top2-right-wrap { height: auto; } .feat-top2-right { margin-left: .173812282735%; width: 33.2174584782%; } .feat-top2-right:first-child { margin-left: 0; } .feat-top2-right, .feat-top2-right:first-child, #feat-wide-wrap .feat-top2-right, #feat-wide-wrap .feat-top2-right:first-child { height: 150px; } .feat-top2-right:first-child .feat-top2-right-img img, .feat-top2-right-img img, #feat-wide-wrap .feat-top2-right:first-child .feat-top2-right-img img, #feat-wide-wrap .feat-top2-right-img img { min-width: 260px; } .feat-top2-right:first-child .feat-top2-big { display: none; } .feat-top2-right:first-child .feat-top2-small { display: block; } .feat-top2-right-text h2, .feat-top2-right:first-child .feat-top2-right-text h2 { font-size: .9rem; } .feat-top2-left-text { padding: 30px 2.33281493002% 15px; width: 95.34%; } .feat-top2-right-text { padding: 30px 7.04225352113% 15px; width: 85.92%; } #feat-top-wrap .feat-top2-left-wrap .feat-info-wrap, #feat-top-wrap .feat-top2-right-wrap .feat-info-wrap { top: 0; right: 0; } .feat-top2-left-img img, #feat-wide-wrap .feat-top2-left-img img { min-width: 0; } #feat-wide-main { height: auto; } #feat-top-wrap .feat-wide4-text, #feat-wide-wrap .feat-wide4-text { padding: 40px 100px 40px 20px; height: 612px; } #feat-wide-main .feat-wide4-text h2 { font-size: 2.5rem; } #feat-wide-main .feat-wide4-text p { font-size: 1.1rem; } #feat-wide-sub, .feat-wide4-text { width: 35%; } #feat-top-wrap #feat-wide-sub, #feat-wide-wrap #feat-wide-sub { padding: 20px 20px 20px 100px; height: 692px; } ul.feat-wide-sub-list li { margin-bottom: 15px; } .feat-wide-sub-text h2 { font-size: .8rem; } #feat-top-wrap .feat-wide4-text, #feat-wide-wrap .feat-wide4-text { padding-left: 20px; } #feat-top-wrap #feat-wide-sub, #feat-wide-wrap #feat-wide-sub { padding-right: 20px; } #feat-top-wrap #feat-wide-main, #feat-wide-wrap #feat-wide-main { height: auto; } #feat-top-wrap .feat-wide5-main, #feat-wide-wrap .feat-wide5-main { height: 250px; } .feat-wide5-img img { min-width: 450px; } .feat-wide5-main { margin-left: .205198358413%; width: 24.8461012312%; } .feat-wide5-text { padding: 30px 9.375% 15px; width: 81.26%; } #feat-top-wrap .feat-wide5-text h2, #feat-wide-wrap .feat-wide5-text h2 { font-size: .8rem; } .post-wide-text1 { padding: 40px 15% 30px; width: 70%; } h1.post-title-wide { font-size: 2.1rem; } .post-wide-text1 span.post-excerpt p { font-size: .9rem; } #post-wide-video { display: block; margin: 0; max-width: none; padding: 0; width: 100%; } .video-main-top { width: 100%; } .video-main-text { padding: 20px 3.030303030303%; width: 93.9393939393939393%; } .video-main-text h2 { font-size: 1.1rem; } .cont-part-main { display: block; float: left; max-width: none; } .logo-leader-out, .logo-leader-in { margin-left: 0; } .logo-left-wrap { margin-bottom: 15px; margin-right: 0; text-align: center; width: 100%; } .nav-logo-out { margin-left: -280px !important; } .nav-logo-in { margin-left: 280px !important; } .nav-left-wrap { width: 280px !important; } .nav-logo-fade { width: 200px; } .whatsapp-share { display: inline-block; } .facebook-share, .twitter-share, .pinterest-share, .email-share, .social-comments, .whatsapp-share { width: 13%; } } @media screen and (max-width: 659px) and (min-width: 600px) { nav.main-menu-wrap, .fly-to-top, #tab-col2, #tab-col3, .feat-title-wrap, .side-title-wrap, span.social-text, #prev-next-wrap, #feat-wide-main .feat-wide4-text p, #wallpaper, .logo-left-wrap, .logo-wide-wrap { display: none; } .home .fixed { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .col-tabs-wrap { display: block; } .home .tabs-top-marg { margin-top: 30px !important; } .body-main-out { padding: 0; } .home-wrap-out1, .home-wrap-in1 { margin-right: 0; } .home-wrap-out2, .home-wrap-in2 { margin-left: 0; margin-right: 0; } #home-feat-text { padding-bottom: 20px; } .category #home-feat-text, #feat-top-wrap #home-feat-text, .feat-wide1-text { padding: 50px 3.333333333% 20px; width: 93.33333333%; } .feat-wide1-text { padding-bottom: 30px; } .feat-wide1-img img, .feat-top2-left-img img, .feat-top2-right-img img, .feat-wide5-img img { position: relative; left: auto; right: auto; } .feat-wide1-img img { margin-top: 0 !important; } #feat-wide-main .feat-wide1-text h2, #feat-wide-main .feat-wide4-text h2 { font-size: 2.7rem; } #feat-wide-main .feat-wide1-text p, #feat-wide-main .feat-wide4-text p { font-size: 1.1rem; } .home-mid-col, .home-right-col { margin: 0; width: 100%; } .home-mid-col, .home-right-col, #post-right-col, #arch-right-col { margin: 0 2.33281493002%; width: 95.33437014%; } #post-right-col, #arch-right-col { margin-top: 15px; } #post-right-col .side-title-wrap { display: block !important; } ul.side-list li { padding: 15px 2.69784172662%; width: 94.6043165468%; } .side-list-text p { font-size: 1rem; line-height: 120%; } .home-right-col .feat-widget-img, #post-right-col .feat-widget-img { max-height: none; width: 40%; height: 150px; } .home-right-col .feat-widget-img img, #post-right-col .feat-widget-img img { min-width: 260px; } .home-right-col .feat-widget-text, #post-right-col .feat-widget-text { margin: 0; padding: 15px 4%; width: 52%; height: 120px; } .home-right-col .feat-widget-text h2, #post-right-col .feat-widget-text h2 { font-size: 1rem; } .home-widget, #home-mid-wrap .feat-widget-cont .home-title-wrap, #home-mid-wrap .gallery-widget-wrap .home-title-wrap, #home-mid-wrap .feat-widget-text { margin: 0 3.43053173242% 20px; width: 93.1389365352%; } .gallery-widget-wrap .post-gallery-bot { margin: 0 3.43053173242%; width: 93.1389365352%; } #home-mid-wrap .feat-widget-text { margin-top: 20px; } ul.row-widget-list { margin-left: -3.6832412523%; width: 103.6832412523%; } ul.row-widget-list li { margin-left: 3.55239786856%; width: 29.7809354648%; } .row-widget-text p { font-size: .75rem; } .blog-widget-text h2 { font-size: 1rem; line-height: 130%; } .blog-widget-img { margin-right: 3.6832412523%; width: 36.832412523%; } .blog-widget-text { width: 59.4843462247%; } .post-wrap-out1, .post-wrap-in1 { margin-right: 0; } :is(#post-header, .ka-post-header) { display: block; float: left; margin: 30px 5.14579759863%; padding: 0; width: 89.7084048027%; } h1.post-title, :is(#content-main, .ka-content-main) h1.post-title { font-size: 1.9rem; } .post-cont-out, .post-cont-in { margin-right: 0; } span.post-excerpt { font-size: .9rem; } :is(#content-area, .ka-content-area), .post-feat-text { padding: 30px 5.14579759863%; width: 89.7084048027%; } .post-feat-text { padding-top: 40px; padding-bottom: 20px; } .social-comments i { width: 100%; } span.social-text-com { margin-right: 0; width: 100%; } .social-comments span.social-text-com a { margin-top: -26px; margin-left: 0; padding: 26px 0 0; width: 100%; } :is(#post-sidebar-wrap, .ka-post-sidebar-wrap) { border-top: 1px solid #ddd; float: left; margin-left: 0; margin-top: 20px; padding-top: 20px; width: 100%; } #post-right-col .side-widget, #arch-right-col .side-widget { padding: 20px 2.71247739602%; width: 94.57045208%; } #post-right-col .blog-widget-img, #arch-right-col .blog-widget-img { margin-right: 2.86806883365%; width: 15.2963671128%; max-width: 80px; } #post-right-col .blog-widget-text, #arch-right-col .blog-widget-text { width: 81.8355640535%; } #post-right-col .blog-widget-text h2, #arch-right-col .blog-widget-text h2 { font-size: 1rem; } #archive-list-wrap { padding: 0 3.43053173242% 20px; width: 93.1389365352%; } ul.archive-col-list { margin-left: -3.6832412523%; width: 103.6832412523%; } ul.archive-col-list li { margin-left: 3.55239786856%; width: 46.4476021314%; } h1.arch-head { line-height: 130%; margin: 10px 0 30px; } .archive-list-out { margin-left: -220px; } .archive-list-in { margin-left: 220px; } .archive-list-img { width: 200px; } .archive-list-text h2 { font-size: 1rem; } footer#foot-wrap { margin-top: 30px; } #foot-widget-wrap { margin: 40px 3.3333333% 20px; width: 93.33333333%; } .foot-widget { margin-left: 0; margin-bottom: 40px; width: 100%; } #foot-bot { margin: 10px 3.3333333%; width: 93.33333333%; } .foot-menu { margin-bottom: 15px; max-width: none; text-align: center; width: 100%; } .foot-copy { max-width: none; width: 100%; } .page h1.cat-head, .category h1.cat-head { font-size: 1.3rem; margin: 0 2.5% 15px; width: 95%; / 570px / 600px */ } .author-page-text h1.cat-head { margin-bottom: 10px; } .author-box-bot, h4.post-header { margin-bottom: 20px; } .feat-top2-left-wrap, .feat-top2-right-wrap { width: 100%; } .feat-top2-left-wrap, #feat-wide-wrap .feat-top2-left-wrap { margin-bottom: 1px; height: 300px; } .feat-top2-right-wrap, #feat-wide-wrap .feat-top2-right-wrap { height: auto; } .feat-top2-right { margin-left: .173812282735%; width: 33.2174584782%; } .feat-top2-right:first-child { margin-left: 0; } .feat-top2-right, .feat-top2-right:first-child, #feat-wide-wrap .feat-top2-right, #feat-wide-wrap .feat-top2-right:first-child { height: 150px; } .feat-top2-right:first-child .feat-top2-right-img img, .feat-top2-right-img img, #feat-wide-wrap .feat-top2-right:first-child .feat-top2-right-img img, #feat-wide-wrap .feat-top2-right-img img { min-width: 260px; } .feat-top2-right:first-child .feat-top2-big { display: none; } .feat-top2-right:first-child .feat-top2-small { display: block; } .feat-top2-right-text h2, .feat-top2-right:first-child .feat-top2-right-text h2 { font-size: .9rem; } .feat-top2-left-text { padding: 30px 2.5% 15px; width: 95.01%; } .feat-top2-right-text { padding: 30px 7.73195876289% 15px; width: 84.54%; } #feat-top-wrap .feat-top2-left-wrap .feat-info-wrap, #feat-top-wrap .feat-top2-right-wrap .feat-info-wrap { top: 0; right: 0; } .feat-top2-left-img img, #feat-wide-wrap .feat-top2-left-img img { min-width: 0; } #feat-wide-main .feat-wide4-text h2 { font-size: 2.2rem; } #feat-wide-main .feat-wide4-text p { font-size: 1rem; } ul.feat-wide-sub-list li { margin-bottom: 10px; } .feat-wide-sub-text h2 { font-size: .8rem; } #feat-top-wrap #feat-wide-main, #feat-wide-wrap #feat-wide-main { height: 500px; } #feat-wide-main .feat-wide1-img img { position: absolute; left: -9999px; right: -9999px; min-width: 900px; } #feat-top-wrap .feat-wide4-text, #feat-wide-wrap .feat-wide4-text { background-image: -moz-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.6) 100%); background-image: -ms-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.6) 100%); background-image: -o-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.6) 100%); background-image: -webkit-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.6) 100%); background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(0,0,0,0)), to(rgba0,0,0,0.6))); background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%); top: auto; bottom: 0; padding: 40px 3.33333333% 230px; width: 93.34%; height: auto; } #feat-top-wrap #feat-wide-sub, #feat-wide-wrap #feat-wide-sub { background-image: none; left: 0; right: auto; top: auto; bottom: 0; padding: 0 3.33333333% 15px; width: 93.34%; height: auto; } #feat-top-wrap .feat-wide5-main, #feat-wide-wrap .feat-wide5-main { margin-bottom: 1px; margin-left: 0; width: 100%; height: 150px; } .feat-wide5-img img { margin-top: -5% !important; min-width: 0; } .feat-wide5-text { padding: 30px 2.5% 15px; width: 95.01%; } #feat-top-wrap .feat-wide5-text h2, #feat-wide-wrap .feat-wide5-text h2 { font-size: 1rem; } .post-wide-text1 { padding: 40px 15% 30px; width: 70%; } h1.post-title-wide { font-size: 1.9rem; } .post-wide-text1 span.post-excerpt p { font-size: .9rem; } #post-wide-video { display: block; margin: 0; max-width: none; padding: 0; width: 100%; } .video-main-top { width: 100%; } .video-main-text { padding: 20px 3.3333333333%; width: 93.3333333333333%; } .video-main-text h2 { font-size: 1.1rem; } .cont-part-main { display: block; float: left; max-width: none; } .logo-leader-out, .logo-leader-in { margin-left: 0; } .logo-left-wrap { margin-bottom: 15px; margin-right: 0; text-align: center; width: 100%; } .nav-logo-out { margin-left: -280px !important; } .nav-logo-in { margin-left: 280px !important; } .nav-left-wrap { width: 280px !important; } .nav-logo-fade { width: 200px; } .mvp-related-text a { font-size: .8rem; } .whatsapp-share { display: inline-block; } .facebook-share, .twitter-share, .pinterest-share, .email-share, .social-comments, .whatsapp-share { width: 13%; } } @media screen and (max-width: 599px) and (min-width: 480px) { #score-wrap, nav.main-menu-wrap, .fly-fade, .fly-to-top, #tab-col2, #tab-col3, .feat-title-wrap, .side-title-wrap, .blog-widget-text p, span.post-excerpt, span.social-text, #prev-next-wrap, ul.archive-list .archive-list-text p, #feat-wide-main .feat-wide4-text p, #wallpaper, .logo-left-wrap, .logo-wide-wrap { display: none; } #score-wrap { height: 0; } .home .fixed, .home #main-nav-wrap { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .col-tabs-wrap { display: block; } .main-nav-over { position: fixed !important; -webkit-transform: translate3d(0,0,0) !important; -moz-transform: translate3d(0,0,0) !important; -ms-transform: translate3d(0,0,0) !important; -o-transform: translate3d(0,0,0) !important; transform: translate3d(0,0,0) !important; } .fly-content { -webkit-transform: translate3d(100%,0,0) !important; -moz-transform: translate3d(100%,0,0) !important; -ms-transform: translate3d(100%,0,0) !important; -o-transform: translate3d(100%,0,0) !important; transform: translate3d(100%,0,0) !important; } .search-fly-wrap { padding: 10px; } #fly-wrap { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); top: 50px; width: 0px; z-index: auto; } .fly-menu { width: 100% !important; } #leader-wrap { margin: 0; padding-bottom: 10px; } #body-main-wrap { background: #eee; padding-top: 10px; z-index: 100; } .body-main-out { padding: 0; } .home-wrap-out1, .home-wrap-in1 { margin-right: 0; } .home-wrap-out2, .home-wrap-in2 { margin-left: 0; margin-right: 0; } .home-mid-col, .home-right-col { margin: 0; width: 100%; } .home-mid-col, .home-right-col, #post-right-col, #arch-right-col { margin: 0 2.15982721382%; width: 95.6803455724%; } #post-right-col, #arch-right-col { margin-top: 10px; } #post-right-col .side-title-wrap { display: block !important; } ul.side-list li { padding: 15px 3.38600451467%; width: 93.2279909707%; } .side-list-text p { font-size: 1rem; line-height: 130%; } .home-right-col .feat-widget-img, #post-right-col .feat-widget-img { max-height: none; width: 40%; height: 120px; } .home-right-col .feat-widget-img img, #post-right-col .feat-widget-img img{ min-width: 210px; } .home-right-col .feat-widget-text, #post-right-col .feat-widget-text { margin: 0; padding: 15px 4%; width: 52%; height: 90px; } .home-right-col .feat-widget-text h2, #post-right-col .feat-widget-text h2 { font-size: 1rem; } #sidebar-wrap .feat-widget-wrap, .side-pop-wrap .feat-widget-wrap { margin-top: 10px; } .widget-ad { margin-top: 10px; } #home-feat-text, .category #home-feat-text { padding-bottom: 20px; } #home-feat-text, .category #home-feat-text, #feat-top-wrap #home-feat-text, .feat-wide1-text { padding: 40px 3.23974082073% 15px; width: 93.5205183585%; } #home-feat-text h2, .feat-top2-left-text h2, .feat-wide1-text h2, .feat-wide4-text h2, #feat-wide-main .feat-wide1-text h2, #feat-wide-main .feat-wide4-text h2 { font-size: 1.9rem; } #home-feat-text p, .feat-top2-left-text p, .feat-wide1-text p, .feat-wide4-text p, #feat-wide-main .feat-wide1-text p, #feat-wide-main .feat-wide4-text p { font-size: 1rem; } #feat-wide-wrap { margin: -10px 0 10px; height: auto; } .feat-wide1-img img, .feat-top2-left-img img, .feat-top2-right-img img, .feat-wide5-img img { position: relative; left: auto; right: auto; } .feat-wide1-img img { margin-top: 0 !important; } #feat-wide-wrap .feat-info-wrap { top: 0; right: 0; } .home-title-wrap { margin: 0 0 15px; } h3.side-list-title { font-size: 1rem; } #home-mid-wrap { padding-top: 15px; } .home-widget, #home-mid-wrap .feat-widget-cont .home-title-wrap, #home-mid-wrap .gallery-widget-wrap .home-title-wrap, #home-mid-wrap .feat-widget-text { margin: 0 3.23974082073% 15px; width: 93.5205183585%; } .gallery-widget-wrap .post-gallery-bot { margin: 0 3.23974082073%; width: 93.5205183585%; } #home-mid-wrap .feat-widget-text { margin-top: 15px; } ul.row-widget-list { margin-left: 0; margin-bottom: -15px; width: 100%; } ul.row-widget-list li { border-top: 1px solid #ddd; margin-left: 0; padding: 15px 0; width: 100%; } ul.row-widget-list li:first-child { border-top: none; padding-top: 0; } .row-widget-img, .blog-widget-img { margin: 0 3.46420323326% 0 0; width: 34.6420323326%; } .row-widget-text, .blog-widget-text { width: 61.8937644342%; } .row-widget-text p, .blog-widget-text h2 { font-size: .9rem; line-height: 130%; } ul.blog-widget-list li { padding: 15px 0; } .post-wrap-out1, .post-wrap-in1 { margin-right: 0; } :is(#post-header, .ka-post-header) { display: block; float: left; margin: 30px 4.31965442765% 20px; padding: 0; width: 91.3606911447%; } h1.post-title, :is(#content-main, .ka-content-main) h1.post-title { font-size: 1.9rem; } .post-cont-out, .post-cont-in { margin-right: 0; } :is(#content-area, .ka-content-area) { padding: 30px 4.31965442765% 20px; width: 91.3606911447%; } .post-feat-text { padding-bottom: 0; } .social-comments i { width: 100%; } span.social-text-com { margin-right: 0; width: 100%; } .social-comments span.social-text-com a { margin-top: -26px; margin-left: 0; padding: 26px 0 0; width: 100%; } :is(#post-sidebar-wrap, .ka-post-sidebar-wrap) { border-top: 1px solid #ddd; float: left; margin-left: 0; margin-top: 20px; padding-top: 20px; width: 100%; } #post-right-col .side-widget, #arch-right-col .side-widget { padding: 20px 3.46420323326%; width: 93.0715935335%; } #post-right-col .blog-widget-img, #arch-right-col .blog-widget-img { margin-right: 3.72208436725%; width: 19.8511166253%; max-width: 80px; } #post-right-col .blog-widget-text, #arch-right-col .blog-widget-text { width: 76.4267990074%; } #post-right-col .blog-widget-text h2, #arch-right-col .blog-widget-text h2 { font-size: 1rem; } #archive-list-wrap { padding: 0 3.23974082073% 15px; width: 93.5205183585%; } ul.archive-col-list { margin-left: -3.46420323326%; width: 103.46420323326%; } ul.archive-col-list li { margin-left: 3.34821428571%; width: 46.6517857143%; height: 340px; } h1.arch-head { line-height: 130%; margin: 10px 0 30px; } .archive-list-out { margin-left: -165px; } .archive-list-in { margin-left: 165px; } .archive-list-img { margin-right: 15px; width: 150px; } .archive-list-text h2 { font-size: 1rem; } footer#foot-wrap { margin-top: 30px; } #foot-widget-wrap { margin: 40px 4.1666666% 20px; width: 91.6666666%; } .foot-widget { margin-left: 0; margin-bottom: 40px; width: 100%; } #foot-bot { margin: 10px 4.1666666%; width: 91.6666666%; } .foot-menu { margin-bottom: 15px; max-width: none; text-align: center; width: 100%; } .foot-menu .menu li { display: inline-block; float: none; margin-bottom: 5px; } .foot-copy { max-width: none; width: 100%; } .page h1.cat-head, .category h1.cat-head { font-size: 1.2rem; margin: 0 3.125% 10px; text-align: center; width: 93.75%; / 430px / 480px */ } .author-page-text h1.cat-head { margin-bottom: 10px; } .author-box-bot, h4.post-header { margin-bottom: 20px; } ul.archive-list li { padding: 15px 0; } .feat-top2-left-wrap, .feat-top2-right-wrap { width: 100%; } .feat-top2-left-wrap, #feat-wide-wrap .feat-top2-left-wrap { margin-bottom: 1px; height: 250px; } .feat-top2-right-wrap, #feat-wide-wrap .feat-top2-right-wrap { height: auto; } .feat-top2-right, .feat-top2-right:first-child, #feat-wide-wrap .feat-top2-right, #feat-wide-wrap .feat-top2-right:first-child { height: 100px; } .feat-top2-right { margin-left: 0; margin-bottom: 1px; width: 100%; } .feat-top2-right:first-child { margin-left: 0; } .feat-top2-left-img img, .feat-top2-right:first-child .feat-top2-right-img img, .feat-top2-right-img img, #feat-wide-wrap .feat-top2-left-img img, #feat-wide-wrap .feat-top2-right:first-child .feat-top2-right-img img, #feat-wide-wrap .feat-top2-right-img img { min-width: 0; } .feat-top2-right .feat-top2-big, .feat-top2-right:first-child .feat-top2-big { display: block; } .feat-top2-right .feat-top2-small, .feat-top2-right:first-child .feat-top2-small { display: none; } .feat-top2-right-text h2, .feat-top2-right:first-child .feat-top2-right-text h2 { font-size: .9rem; } .feat-top2-left-text, .feat-top2-right-text { padding: 30px 3.125% 15px; width: 93.76%; } #feat-top-wrap .feat-top2-left-wrap .feat-info-wrap, #feat-top-wrap .feat-top2-right-wrap .feat-info-wrap { top: 0; right: 0; } #feat-wide-main .feat-wide4-text h2 { font-size: 2.2rem; } #feat-wide-main .feat-wide4-text p { font-size: 1rem; } ul.feat-wide-sub-list li { margin-bottom: 10px; } .feat-wide-sub-text h2 { font-size: .8rem; } #feat-top-wrap #feat-wide-main, #feat-wide-wrap #feat-wide-main { height: 550px; } #feat-wide-main .feat-wide1-img img { position: absolute; left: -9999px; right: -9999px; min-width: 980px; } #feat-top-wrap .feat-wide4-text, #feat-wide-wrap .feat-wide4-text { background-image: -moz-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.6) 100%); background-image: -ms-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.6) 100%); background-image: -o-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.6) 100%); background-image: -webkit-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.6) 100%); background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(0,0,0,0)), to(rgba0,0,0,0.6))); background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%); top: auto; bottom: 0; padding: 40px 3.33333333% 260px; width: 93.34%; height: auto; } #feat-top-wrap #feat-wide-sub, #feat-wide-wrap #feat-wide-sub { background-image: none; left: 0; right: auto; top: auto; bottom: 0; padding: 0 3.33333333% 15px; width: 93.34%; height: auto; } #feat-top-wrap .feat-wide5-main, #feat-wide-wrap .feat-wide5-main { margin-bottom: 1px; margin-left: 0; width: 100%; height: 120px; } .feat-wide5-img img { margin-top: -5% !important; min-width: 0; } .feat-wide5-text { padding: 30px 3.125% 15px; width: 93.76%; } #feat-top-wrap .feat-wide5-text h2, #feat-wide-wrap .feat-wide5-text h2 { font-size: .9rem; } .home .tabs-top-marg { margin-top: 80px !important; } .home .body-top-pad { padding-top: 0 !important; } .body-top-pad { padding-top: 50px !important; } #post-wide-wrap { margin: -10px 0 10px; } .post-wide-text1 { padding: 40px 15% 30px; width: 70%; } h1.post-title-wide { font-size: 1.6rem; } #post-wide-video { display: block; float: left; margin: 0; max-width: none; padding: 0; width: 100%; } ul.side-list li:first-child { padding-top: 15px; } #latest-video-wrap { margin-bottom: 0; } .video-main-top { width: 100%; } .video-main-text { padding: 15px 3.125%; width: 93.75%; } .video-main-text h2 { font-size: 1rem; } .cont-part-main { display: block; float: left; max-width: none; } #main-nav-wrap { -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3); -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3); -ms-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3); -o-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3); box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3); } .nav-logo-out { margin-left: -280px !important; } .nav-logo-in { margin-left: 280px !important; } .nav-left-wrap { width: 280px !important; } .nav-logo-fade { width: 200px; } #logo-leader-wrap { margin: 0; } .logo-leader-out, .logo-leader-in, .leader-wrap-out, .leader-wrap-in { margin-left: 0; } .leader-right-wrap { padding: 10px 0; } .leader-wrap-out { right: 0; } #head-main-top #leader-wrap { margin: 0; padding: 10px 0; } .mvp-related-posts ul li { margin-left: 3.54609929078% !important; width: 30.9692671395%; } .mvp-related-text a { font-size: .8rem; } .whatsapp-share { display: inline-block; } .facebook-share, .twitter-share, .pinterest-share, .email-share, .social-comments, .whatsapp-share { width: 13%; } } @media screen and (max-width: 479px) { #score-wrap, nav.main-menu-wrap, .nav-right-wrap a, .fly-fade, .fly-to-top, #tab-col2, #tab-col3, .feat-title-wrap, .side-title-wrap, .reg-img, .blog-widget-text p, .widget-img-main, .row-widget-wrap .feat-info-wrap, .blog-widget-wrap .feat-info-wrap, .side-pop-wrap .feat-info-wrap, span.post-excerpt, span.social-text, #prev-next-wrap, ul.archive-list .archive-list-text p, ul.archive-list .feat-info-wrap, #feat-wide-main .feat-wide4-text p, #wallpaper, .logo-left-wrap, .logo-wide-wrap { display: none; } #score-wrap { height: 0; } .home .fixed, .home #main-nav-wrap { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .col-tabs-wrap, .mob-img, #home-mid-wrap .widget-img-side { display: block; } .main-nav-over { position: fixed !important; -webkit-transform: translate3d(0,0,0) !important; -moz-transform: translate3d(0,0,0) !important; -ms-transform: translate3d(0,0,0) !important; -o-transform: translate3d(0,0,0) !important; transform: translate3d(0,0,0) !important; } .fly-content { -webkit-transform: translate3d(100%,0,0) !important; -moz-transform: translate3d(100%,0,0) !important; -ms-transform: translate3d(100%,0,0) !important; -o-transform: translate3d(100%,0,0) !important; transform: translate3d(100%,0,0) !important; } .nav-right-wrap { width: 50px; } .search-fly-wrap { padding: 10px; } #fly-wrap { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); top: 50px; width: 0px; z-index: auto; } .fly-menu { width: 100% !important; } #leader-wrap { margin: 0; padding: 10px 0; } #body-main-wrap { background: #fff; padding-top: 0; z-index: 100; } #home-main-wrap, #post-main-wrap { z-index: 100; } .body-main-out { padding: 0; } .home-wrap-out1, .home-wrap-in1 { margin-right: 0; } .home-wrap-out2, .home-wrap-in2 { margin-left: 0; margin-right: 0; } .home-mid-col, .home-right-col, #post-right-col, #arch-right-col { float: left; width: 100%; } #post-right-col, #arch-right-col { margin-left: 0; margin-top: 10px; } #post-right-col .side-title-wrap { display: block !important; } #post-right-col .feat-widget-wrap:first-child { border-top: none; } #post-right-col .side-title-wrap { margin: 5px 0 0; } #post-right-col h3.side-list-title { margin-left: 15px; } #home-feat-text { padding-bottom: 20px; } .home-mid-col { border-top: 1px solid #ddd; margin: 0; width: 100%; } .home-right-col { margin: 0; width: 100%; } ul.side-list li { padding: 15px 4.37317784257%; width: 91.2536443149%; } #sidebar-wrap .feat-widget-wrap { margin-top: 10px; } .side-pop-wrap .widget-ad { margin-top: 0; } .post-wrap-out1, .post-wrap-in1, .post-cont-out, .post-cont-in { margin-right: 0; } #home-feat-text, .category #home-feat-text, #feat-top-wrap #home-feat-text, .feat-wide1-text { padding: 40px 4.37317784257% 15px; width: 91.2536443149%; } #home-feat-text h2, .feat-top2-left-text h2, .feat-wide1-text h2, .feat-wide4-text h2, #feat-wide-main .feat-wide1-text h2, #feat-wide-main .feat-wide4-text h2 { font-size: 1.4rem; } #home-feat-text p, .feat-top2-left-text p, .feat-wide1-text p, .feat-wide4-text p, #feat-wide-main .feat-wide1-text p, #feat-wide-main .feat-wide4-text p { font-size: .9rem; } #feat-wide-wrap { margin: 0; height: auto; } .feat-wide1-img img, .feat-top2-left-img img, .feat-top2-right-img img, .feat-wide5-img img { position: relative; left: auto; right: auto; } .feat-wide1-img img { margin-top: 0 !important; } #feat-wide-wrap .feat-info-wrap { top: 0; right: 0; } .home-title-wrap { margin: 0 0 15px; } h3.side-list-title { font-size: 1rem; } #home-mid-wrap { padding-top: 15px; } .home-widget, #home-mid-wrap .feat-widget-cont .home-title-wrap, #home-mid-wrap .gallery-widget-wrap .home-title-wrap, #home-mid-wrap .feat-widget-text { margin: 0 4.166666666% 15px; width: 91.666666666%; } .gallery-widget-wrap .post-gallery-bot { margin: 0 4.166666666%; width: 91.666666666%; } #home-mid-wrap .feat-widget-text { margin-top: 15px; } #home-mid-wrap .feat-widget-text h2 { font-size: 1rem; } .side-pop-wrap .feat-widget-wrap, #post-right-col .feat-widget-wrap, #arch-right-col .feat-widget-wrap { border-top: 1px solid #ddd; margin-top: 0; padding: 15px 4.166666666%; width: 91.666666666%; } ul.row-widget-list, #sidebar-wrap .feat-widget-wrap { margin-left: 0; margin-bottom: -15px; width: 100%; } ul.row-widget-list li, #sidebar-wrap .feat-widget-wrap { border-top: 1px solid #ddd; margin-left: 0; padding: 15px 0; width: 100%; } ul.row-widget-list li:first-child { border-top: none; padding-top: 0; } .row-widget-img, .blog-widget-img, .home-right-col .feat-widget-img, .home-mid-col .feat-widget-img, #post-right-col .feat-widget-img, #arch-right-col .feat-widget-img{ margin: 0 4.545454545454% 0 0; width: 24.242424242424%; max-width: 80px; } .row-widget-text, .blog-widget-text, .home-right-col .feat-widget-text, .home-mid-col .feat-widget-text, #post-right-col .feat-widget-text, #arch-right-col .feat-widget-text{ width: 71.212121212121%; } .home-right-col .feat-widget-text, .home-mid-col .feat-widget-text, #post-right-col .feat-widget-text, #arch-right-col .feat-widget-text { margin: 0; padding: 0; } .row-widget-text p, .blog-widget-text h2, .feat-widget-text h2, .side-list-text p { font-size: .9rem; line-height: 130%; } ul.blog-widget-list li { padding: 15px 0; } .post-wrap-out1, .post-wrap-in1 { margin-right: 0; } :is(#post-header, .ka-post-header) { display: block; float: left; margin: 30px 4.37317784257% 15px; padding: 0; width: 91.2536443149%; } h1.post-title, :is(#content-main, .ka-content-main) h1.post-title { font-size: 1.7rem; } .post-feat-text { padding-bottom: 0; } span.feat-caption { font-size: .5rem; right: 5px; bottom: 5px; width: 80%; } :is(#content-area, .ka-content-area) { padding: 15px 4.37317784257%; width: 91.2536443149%; } .social-sharing-top, .social-sharing-bot { margin-bottom: 20px; } .share-count { margin-top: 0; width: 19%; } span.soc-count-num { font-size: 16px; } .facebook-share, .twitter-share, .pinterest-share, .email-share, .social-comments { width: 14.5%; } .social-comments i { width: 100%; } span.social-text-com { margin-right: 0; width: 100%; } .social-comments span.social-text-com a { margin-top: -26px; margin-left: 0; padding: 26px 0 0; width: 100%; } .post-tags { margin: 20px 0; } :is(#article-ad, .ka-article-ad) { margin-bottom: 20px; } .widget-ad { margin-bottom: -15px; } :is(#post-sidebar-wrap, .ka-post-sidebar-wrap) { border-top: 1px solid #ddd; float: left; margin-left: 0; margin-top: 20px; padding-top: 20px; width: 100%; } #post-right-col, #arch-right-col { border-bottom: 1px solid #ddd; } #post-right-col .side-widget, #arch-right-col .side-widget { padding: 20px 4.16666666%; width: 91.6666666666%; } #post-right-col .blog-widget-img, #arch-right-col .blog-widget-img { margin-right: 4.545454545454%; width: 24.242424242424%; max-width: 80px; } #post-right-col .blog-widget-text, #arch-right-col .blog-widget-text { width: 71.212121212121%; } #post-right-col .blog-widget-text h2, #arch-right-col .blog-widget-text h2 { font-size: .9rem; } #archive-list-wrap { padding: 0 4.166666666% 15px; width: 91.666666666%; } ul.archive-col-list { margin-left: 0; width: 100%; } ul.archive-col-list li { margin-left: 0; width: 100%; height: 300px; } h1.arch-head { line-height: 130%; margin: 10px 0 30px; } .archive-list-out { margin-left: -95px; } .archive-list-in { margin-left: 95px; } .archive-list-img { margin-right: 15px; width: 80px; } .archive-list-text h2 { font-size: .9rem; } footer#foot-wrap { margin-top: 30px; } #foot-widget-wrap { margin: 40px 4.1666666% 15px; width: 91.6666666666%; } .foot-widget { margin-left: 0; margin-bottom: 40px; width: 100%; } #foot-bot { margin: 10px 4.1666666%; width: 91.6666666666%; } .foot-menu { margin-bottom: 15px; max-width: none; text-align: center; width: 100%; } .foot-menu .menu li { display: inline-block; float: none; margin-bottom: 5px; } .foot-copy { max-width: none; width: 100%; } .page h1.cat-head, .category h1.cat-head { font-size: 1.2rem; margin: 10px 3.125%; text-align: center; width: 93.75%; / 430px / 480px */ } .author-page-text h1.cat-head { margin-bottom: 10px; } .author-box-bot, h4.post-header { margin-bottom: 20px; } .author-box-bot p { font-size: .9rem; } ul.author-social li { margin-left: 5px; } ul.archive-list li { padding: 15px 0; } ul.archive-col-list .reg-img { display: block !important; } ul.archive-col-list .mob-img { display: none !important; } .feat-top2-left-wrap, .feat-top2-right-wrap { width: 100%; } .feat-top2-left-wrap, #feat-wide-wrap .feat-top2-left-wrap { margin-bottom: 1px; height: auto; } .feat-top2-right-wrap, #feat-wide-wrap .feat-top2-right-wrap { height: auto; } .feat-top2-right, .feat-top2-right:first-child, #feat-wide-wrap .feat-top2-right, #feat-wide-wrap .feat-top2-right:first-child { height: 100px; } .feat-top2-right { margin-left: 0; margin-bottom: 1px; width: 100%; } .feat-top2-right:first-child { margin-left: 0; } .feat-top2-left-img img, .feat-top2-right:first-child .feat-top2-right-img img, .feat-top2-right-img img, #feat-wide-wrap .feat-top2-left-img img, #feat-wide-wrap .feat-top2-right:first-child .feat-top2-right-img img, #feat-wide-wrap .feat-top2-right-img img { min-width: 0; } .feat-top2-right .feat-top2-big, .feat-top2-right:first-child .feat-top2-big { display: none; } .feat-top2-right .feat-top2-small, .feat-top2-right:first-child .feat-top2-small { display: block; } .feat-top2-right-text h2, .feat-top2-right:first-child .feat-top2-right-text h2 { font-size: .9rem; } .feat-top2-left-text, .feat-top2-right-text { padding: 30px 4.1666666% 15px; width: 91.67%; } #feat-top-wrap .feat-top2-left-wrap .feat-info-wrap, #feat-top-wrap .feat-top2-right-wrap .feat-info-wrap { top: 0; right: 0; } #feat-wide-main .feat-wide4-text h2 { font-size: 2.2rem; } #feat-wide-main .feat-wide4-text p { font-size: 1rem; } ul.feat-wide-sub-list li { margin-bottom: 10px; } .feat-wide-sub-text h2 { font-size: .8rem; } #feat-top-wrap #feat-wide-main, #feat-wide-wrap #feat-wide-main { height: 560px; } #feat-wide-main .feat-wide1-img img { position: absolute; left: -9999px; right: -9999px; min-width: 1000px; } #feat-top-wrap .feat-wide4-text, #feat-wide-wrap .feat-wide4-text { background-image: -moz-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.6) 100%); background-image: -ms-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.6) 100%); background-image: -o-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.6) 100%); background-image: -webkit-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.6) 100%); background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(0,0,0,0)), to(rgba0,0,0,0.6))); background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%); top: auto; bottom: 0; padding: 40px 3.33333333% 280px; width: 93.34%; height: auto; } #feat-top-wrap #feat-wide-sub, #feat-wide-wrap #feat-wide-sub { background-image: none; left: 0; right: auto; top: auto; bottom: 0; padding: 0 3.33333333% 15px; width: 93.34%; height: auto; } #feat-top-wrap #feat-wide-main img.reg-img, #feat-wide-wrap #feat-wide-main img.reg-img { display: block; } #feat-top-wrap #feat-wide-main img.mob-img, #feat-wide-wrap #feat-wide-main img.mob-img { display: none; } #feat-top-wrap .feat-wide5-main, #feat-wide-wrap .feat-wide5-main { margin-bottom: 1px; margin-left: 0; width: 100%; height: 110px; } .feat-wide5-img img { margin-top: -5% !important; min-width: 0; } .feat-wide5-text { padding: 30px 4.1666666666% 15px; width: 91.67%; } #feat-top-wrap .feat-wide5-text h2, #feat-wide-wrap .feat-wide5-text h2 { font-size: .9rem; } .feat-vid-but { border: 3px solid #fff; font-size: 21.333333333px; margin: -23px 0 0 -23px; width: 40px; height: 40px; } .home-feat-main .feat-vid-but { top: 40%; } .home .tabs-top-marg { margin-top: 80px !important; } .home .body-top-pad { padding-top: 0 !important; } .body-top-pad { padding-top: 50px !important; } #post-wide-wrap { margin: 0; } .post-wide-text1 { padding: 40px 8.333333333% 30px; width: 83.34%; } h1.post-title-wide { font-size: 1.4rem; } #post-wide-video { display: block; float: left; margin: 0; max-width: none; padding: 0; width: 100%; } ul.side-list li:first-child { padding-top: 15px; } #latest-video-wrap { margin-bottom: 0; } .video-main-top { width: 100%; } .video-main-text { padding: 15px 4.16666666666%; width: 91.6666666666%; } .video-main-text h2 { font-size: 1rem; } .cont-part-main { display: block; float: left; max-width: none; } #main-nav-wrap { -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3); -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3); -ms-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3); -o-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3); box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3); } .nav-logo-out { margin-left: -280px !important; } .nav-logo-in { margin-left: 280px !important; } .nav-left-wrap { width: 280px !important; } .nav-logo-fade { width: 200px; } #logo-leader-wrap { margin: 0; } .logo-leader-out, .logo-leader-in, .leader-wrap-out, .leader-wrap-in { margin-left: 0; } .leader-right-wrap { padding: 10px 0; } .leader-wrap-out { right: 0; } #head-main-top #leader-wrap { margin: 0; } :is(#content-main, .ka-content-main) h4.post-header { margin-bottom: 15px !important; } .mvp-related-posts { margin-bottom: 20px; } .mvp-related-posts ul li { border-top: 1px solid #ddd; margin-left: 0 !important; margin-top: 15px; padding-top: 15px !important; width: 100%; } .mvp-related-posts ul li:first-child { border-top: none; margin-top: 0; padding-top: 0 !important; } .mvp-related-img { margin-bottom: 0; margin-right: 4.54545454545454%; width: 24.242424242424%; max-width: 80px; } .mvp-related-text { width: 71.21212121212121%; } .mvp-related-text a { font-size: .9rem; } .whatsapp-share { display: inline-block; } .facebook-share, .twitter-share, .pinterest-share, .email-share, .social-comments, .whatsapp-share { width: 11%; } } .ka-breadcrumb { clear: both; float: left; width: 100%; box-sizing: border-box; margin: 10px 0 18px; font-family: inherit; font-size: 13px; line-height: 1.7; color: #666; text-transform: none; } .ka-breadcrumb ol, :is(#content-main, .ka-content-main) .ka-breadcrumb ol { display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; gap: 3px 0; } .ka-breadcrumb li, :is(#content-main, .ka-content-main) .ka-breadcrumb li { display: inline; list-style: none; margin: 0; padding: 0; overflow-wrap: anywhere; } .ka-breadcrumb a { color: inherit; text-decoration: none; } .ka-breadcrumb a:hover, .ka-breadcrumb a:focus { text-decoration: underline; } .ka-separator { padding: 0 8px; } .ka-post-date { clear: both; float: left; width: 100%; margin: 0 0 18px; color: #666; font-size: 13px; line-height: 1.6; } .post-wide-text1 .ka-breadcrumb { color: #fff; } @media (max-width: 600px) { .ka-breadcrumb { font-size: 12px; margin-bottom: 14px; } } .ka-post-date { display: flex; flex-wrap: wrap; gap: 4px 20px; } .ka-date-item { display: inline-block; } @media (max-width: 600px) { .ka-date-item { flex-basis: 100%; } } :is(#post-feat-img, .ka-post-feat-img) img { max-width: 100%; height: auto; } .ka-date-item { max-width: 100%; overflow-wrap: anywhere; } .ka-load-status { clear: both; font-size: 14px; line-height: 1.6; } .inf-more-but[aria-disabled="true"] { opacity: .65; cursor: progress; } .ka-category-description { clear: both; float: left; width: 100%; box-sizing: border-box; margin: 20px 0; color: #444; font-size: 16px; line-height: 1.8; overflow-wrap: anywhere; } .ka-category-description p { margin: 0 0 14px; } .ka-category-description > :last-child { margin-bottom: 0; } .ka-category-description ul, .ka-category-description ol { margin: 0 0 14px; padding-left: 24px; } .ka-category-description ul { list-style: disc; } .ka-category-description ol { list-style: decimal; } .ka-category-description li { margin-bottom: 6px; } .ka-category-description a { text-decoration: underline; } .ka-category-description img { max-width: 100%; height: auto; } .ka-post-navigation { clear: both; display: grid; grid-template-columns: minmax(0, 42%) minmax(0, 42%); justify-content: space-between; gap: 16px; width: 100%; box-sizing: border-box; margin: 28px 0; } :is(#content-main, .ka-content-main) .ka-post-navigation a, .ka-post-navigation a { display: block; min-width: 0; box-sizing: border-box; padding: 18px; border: 1px solid #ddd; border-radius: 6px; background: #fafafa; color: #333; text-decoration: none; line-height: 1.5; overflow-wrap: anywhere; } .ka-post-navigation a span { display: block; margin-bottom: 6px; font-size: 14px; } .ka-post-navigation a strong { font-size: 16px; font-weight: 600; } .ka-post-navigation .ka-post-prev { grid-column: 1; text-align: left; } .ka-post-navigation .ka-post-next { grid-column: 2; text-align: right; } :is(#content-main, .ka-content-main) .ka-post-navigation a:hover, .ka-post-navigation a:hover { background: #eee; color: #111; } .ka-post-navigation a:focus-visible { outline: 3px solid #555; outline-offset: 3px; } @media (max-width: 600px) { .ka-post-navigation { grid-template-columns: minmax(0, 45%) minmax(0, 45%); gap: 12px; } :is(#content-main, .ka-content-main) .ka-post-navigation a, .ka-post-navigation a { padding: 12px; } .ka-post-navigation a strong { font-size: 14px; } } body.category #archive-list-wrap > .ka-category-description { display: flow-root; clear: both; float: left; width: 100%; box-sizing: border-box; margin: 0 !important; padding: 20px 0 !important; } body.category #archive-list-wrap > .ka-category-description > :first-child { margin-top: 0; } body.category #archive-list-wrap > .ka-category-description > :last-child { margin-bottom: 0; } .ka-post-area + .ka-post-area { margin-top: 40px; padding-top: 28px; border-top: 1px solid #ddd; } .ka-auto-sentinel { clear: both; width: 100%; height: 1px; } .ka-auto-retry { clear: both; cursor: pointer; padding: 10px 18px; margin: 8px 0 18px; } .ka-auto-retry[hidden] { display: none; } .ka-home-hero { display: block; } .ka-home-hero-img { display: block; max-width: 100%; height: auto; } .feat-top2-right-img .ka-home-card-img { display: block !important; } .ka-home-hero { display: block; } .ka-home-hero-img, .ka-home-card-img { transition: none !important; } .fly-nav-menu { overflow-y: auto !important; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; } ul.col-tabs li a { color: #555 !important; transition: none; } ul.col-tabs li.active a, ul.col-tabs li a:hover, ul.col-tabs li a:focus-visible { color: #111 !important; } span.feat-cat { background: #9d2851 !important; color: #fff !important; } span.side-list-cat { color: #9d2851 !important; } a.inf-more-but { color: #96304f !important; border-color: #96304f; } a.inf-more-but:hover, a.inf-more-but:focus-visible { background: #96304f; color: #fff !important; } a:focus-visible, button:focus-visible, [tabindex]:focus-visible { outline: 3px solid #175e8c; outline-offset: 3px; } @media (prefers-reduced-motion: reduce) { .feat-top2-left-img img, .feat-top2-right-img img, ul.col-tabs li a { animation: none !important; transition: none !important; } }