/* Theme Name: Focus Child Theme Theme URI: http://www.studiopress.com/themes/focus Description: Focus is a 2 or 3-column Widget-ready child theme created for the Genesis Framework. Author: StudioPress Author URI: http://www.studiopress.com/ Version: 1.0.2 Template: genesis Template Version: 1.6 License: GPLv2 License URI: http://www.opensource.org/licenses/gpl-license.php */ /* Table of Contents * Defaults * Body * Hyperlinks * Wrap * Header * Image Header - Partial Width * Image Header - Full Width * Navigation Constants * Header Right Navigation * Primary Navigation * Primary Navigation Extras * Secondary Navigation * Inner * Breadcrumb * Taxonomy Description * Content-Sidebar Wrap * Content * Column Classes * Featured Post Grid * Headlines * Unordered / Ordered Lists * Post Info * Post Meta * Author Box * After Post * Sticky Posts * Archive Page * Post Icons * Images * Post Navigation * Primary / Secondary Sidebars * Tag Cloud * Dropdowns * Featured Page / Post * User Profile * Buttons * Search Form * eNews & Updates Widget * Calendar Widget * Footer Widgets * Footer * Comments * Gravity Forms * Focus Blue * Focus Black */ /* ================================================================================ #Reset ================================================================================ */ * { padding: 0; margin: 0; outline: 0; } /* ================================================================================ #Base ================================================================================ */ html, body { height: 100%; } body { background: #e8f2f8; font-family: 'Helvetica Neue Light', sans-serif; font-size: 18px; line-height: 1.44; color: #000; } a { color: rgb(243,112,31); text-decoration: none; cursor: pointer; } a:hover { text-decoration: underline; } img { border: 0; vertical-align: middle; } ol, ul { list-style-position: inside; } input, textarea { border: 0; font-family: Arial, sans-serif; font-size: 12px; color: #7f7f7f; } textarea { overflow: auto; } h1, h2, h3, h4, h5, h6 { font-family: 'Helvetica Neue Std Light', sans-serif; color: rgb(243,112,31); font-weight: normal; padding-bottom: 15px; } h1 { font-size: 22px!important; } h2 { font-size: 24px; } h3 { font-size: 22px; } h4 { font-size: 20px; } h5 { font-size: 18px; } h1.entry-title {font-size: 50px!important; line-height: 0.9!important;} p { padding-bottom: 26px; font-size: 16px; } h2 { font-family: 'Helvetica Neue Thin', sans-serif; font-size: 22px; line-height: 1.5; color: #f98130; font-weight: bold; } h2.entry-title { font-size: 50px!important; line-height: 0.9!important; font-weight: normal!important; } .content h3 { font-family: 'Helvetica Neue Thin', sans-serif; font-size: 33px; line-height: 1; color: #fff; } h5 { padding-bottom: 9px; font-family: 'Helvetica Neue Medium', sans-serif; font-size: 21px; } /* ================================================================================ #Variables ================================================================================ */ :root { --coal: #2b3864; --silver: #cccccc; } /* ================================================================================ #Helpers ================================================================================ */ .alignleft { float: left; margin-right: 20px; } .alignright { float: right; margin-left: 20px; } .clearfix:before, .clearfix:after { display: table; content: ''; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } /* ================================================================================ #Containers ================================================================================ */ .shell { width: 1024px; margin: 0 auto; } /* ================================================================================ #Buttons ================================================================================ */ .btn { display: inline-block; color: #fff; text-align: center; cursor: pointer; -webkit-appearance: none; border-radius: 0; } .btn-orange { width: 161px; height: 32px; border-bottom: 3px solid #eee; font-family: Arial, sans-serif; font-size: 13px; background: rgba(190,30,45,1); line-height: 32px; text-transform: uppercase; font-weight: bold; } .btn-orange:hover { background: rgba(243,112,31,1); } .footer .btn-orange:hover { background: rgba(243,112,31,1); border-bottom-color: rgba(243,112,31,1) !important; } .btn-green { background: #16942a; } .btn-green:hover { background: #31c048; } .btn-blue { background: rgba(38,169,224,1); } /* ================================================================================ #Icons ================================================================================ */ [class^="icon-"] { display: inline-block; font-size: 0; line-height: 0; vertical-align: middle; } .socials [class^="icon-"] { width: 39px; height: 39px; border: 1px solid white; } .icon-facebook { background: url(images/fb.png) 0 0 no-repeat; } .icon-twitter { background: url(images/twit.png) 0 0 no-repeat; } .icon-google_plus { background: url(images/google.png) 0 0 no-repeat; } .icon-rss { background: url(images/rss.png) 0 0 no-repeat; } .icon-youtube { background: url(images/ytube.png) 0 0 no-repeat; } /* ================================================================================ #Header ================================================================================ */ .header { height: 290px; padding-top: 64px; } .header-right { float: left; } .header { background: #2c6ff9; background: -moz-linear-gradient(top,#2B3864 0%,#1B75BB 50%,#26A9E0 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#2c6ff9),color-stop(15%,#2c6ff9),color-stop(100%,#83dcf9)); background: -webkit-linear-gradient(top,#2B3864 0%,#1B75BB 50%,#26A9E0 100%); background: -o-linear-gradient(top,#2B3864 0%,#1B75BB 50%,#26A9E0 100%); background: -ms-linear-gradient(top,#2B3864 0%,#1B75BB 50%,#26A9E0 100%); background: linear-gradient(to bottom,#2B3864 0%,#1B75BB 50%,#26A9E0 100%); } .house, .advantages { float: left; } .logo { position: relative; width: 591px; padding: 0 0 11px 20px; margin-top: 3px; } .logo a {overflow: hidden;display: block;height: 80px;background: url(images/logo-2018.svg) 0 0 no-repeat;background-size: contain;text-indent: 100%;white-space: nowrap;text-decoration: none;max-width: 411px;position: initial;margin-top: -28px; background-position: left;} .house { margin: -26px 9px 0 -132px; width: 227px; height: 80px; } .house-mobile { display: none; } .advantages span.arrow { position: absolute; background-color: transparent; } .advantages h3 { margin: 10px 0 0 -35px; font-family: 'Helvetica Neue Bold', sans-serif; font-size: 23px; color: #fff; font-style: italic; } .arrow-mobile { display: none; } .arrow { position: relative; padding: 10px 17px; margin-bottom: 6px; background: #fff; } .arrow h3 { font-family: 'Helvetica Neue Medium', sans-serif; font-size: 20px; color: #f98130; } .arrow img { position: absolute; top: -24px; right: -32px; } .wrapper .advantages h3 { margin: 0; font-family: 'Helvetica Neue Medium', sans-serif; font-size: 20px; font-style: normal; } .list-advantages { padding-left: 4px; font-family: 'Helvetica Neue Std Light', sans-serif; font-size: 20px; color: #fff; line-height: 1.18; } /* ================================================================================ #Form Check ================================================================================ */ .form-check { background: #fff; } .form-check p { padding-bottom: 12px; } .form-check .form-text { display: none; } .form-check .field { width: 137px; height: 15px; padding: 9px 12px 8px; margin-bottom: 9px; background: #eaeaea; } .form-check .btn { height: 35px; padding-top: 2px; border-bottom: 3px solid #eee; } .form-label { display: inline-block; padding-right: 34px; font-family: 'Helvetica Neue Medium', sans-serif; font-size: 15px; color: #231f20; vertical-align: middle; } .form-controls { display: inline-block; vertical-align: middle; *display: inline; *zoom: 1; } .header .form-check { float: right; width: 166px; height: 153px; padding: 27px 25px 0 30px; margin-top: 13px; font-family: 'Helvetica Neue Medium', sans-serif; font-size: 14px; line-height: 1.24; } /* ================================================================================ #Navigation ================================================================================ */ .nav { height: 36px; background: #fff; border-bottom: 1px solid #dee3e4; } .nav ul { overflow: hidden; padding-left: 20px; list-style: none outside none; } .nav li { float: left; } .nav li ~ li { padding-left: 55px; } .nav a { display: block; padding: 11px 0 8px; font-family: 'Helvetica Neue Light', sans-serif; font-size: 20px; line-height: 1; color: rgba(43,56,100,1); text-decoration: none; } .nav .red a { color: rgba(243, 112, 31, 1); font-weight: bold; } .nav a:hover { text-decoration: underline; } /* ================================================================================ #Main ================================================================================ */ .main { overflow: hidden; } .main .shell { overflow: hidden; } .content { float: left; width: 796px; margin-right: 29px; background: #feffe9; } /* ================================================================================ #Intro ================================================================================ */ .main { position: relative; } .intro { width: 796px; } .intro-head { position: relative; padding-top: 5px; height: 115px; width: 796px; } .intro-head h4 { position: relative; z-index: 5; padding-left: 20px; font-family: 'Helvetica Neue Medium', sans-serif; font-size: 23px; color: #238f44; } .wrapper .intro-head h4 { color: #99c94b; } .intro-head img { position: absolute; top: 0; right: -29px; } .intro-head-bg { position: absolute; display: block; height: 120px; } .intro-head-bg { background: #e8ef50; background: -moz-linear-gradient(left, #e8ef50 0%, #e8ef50 17%, #d9fe93 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e8ef50), color-stop(17%,#e8ef50), color-stop(100%,#d9fe93)); background: -webkit-linear-gradient(left, #e8ef50 0%,#e8ef50 17%,#d9fe93 100%); background: -o-linear-gradient(left, #e8ef50 0%,#e8ef50 17%,#d9fe93 100%); background: -ms-linear-gradient(left, #e8ef50 0%,#e8ef50 17%,#d9fe93 100%); background: linear-gradient(to right, #e8ef50 0%,#e8ef50 17%,#d9fe93 100%); } .intro-head-bg-left { top: 0; left: 0; width: 100%; margin-left: -50%; } .intro-head-right { top: 0; right: 0; width: 100%; } .intro-body { position: relative; height: 216px; width: 796px; } .intro-body-bg { position: absolute; top: 120px; left: 0; height: 216px; background: #dcf6ff; } .intro-body-bg-left { left: 0; width: 100%; margin-left: -50%; } .intro-body-bg-right { top: 0; right: 0; width: 100%; } .intro-body-inner { position: relative; z-index: 5; } .intro-entry { float: left; } .intro-entry h2 { padding-left: 20px; } .intro-entry h2 span { display: block; font-size: 24px; color: #85d14a; letter-spacing: -1px; } .list-features { padding-bottom: 15px; list-style: none outside none; } .list-features li { float: left; width: 144px; height: 164px; padding: 8px 26px 0 15px; margin-top: -78px; background: url(images/fearture.png) 0 0 no-repeat; font-family: 'Helvetica Neue Thin', sans-serif; font-size: 19px; line-height: 1.24; color: #fff; } .list-features li ~ li { margin-left: 8px; } .list-features a { display: block; height: 164px; text-decoration: none; } .list-features .feature-title { padding-bottom: 2px; color: #fff; display: block; font-size: 33px; } .list-features .feature-text { color: #fff; font-size: 19px; } .list-features li:hover { opacity: .9; filter: alpha(opacity=90);} .intro-image-mobile { display: none; } .intro-image { float: right; margin: -72px 0 0 -30px; } .intro-foot { position: relative; height: 60px; padding: 17px 74px 0 0; text-align: right; width: 722px; } .intro-foot img { position: relative; z-index: 5; } .intro-foot-bg { position: absolute; left: 0; right: 0; top: 0; height: 77px; background: #efefc2; } /* ================================================================================ #Postcode box modal ================================================================================ */ .postcode-box-popup{position: fixed;top: 30%;left: 35%;z-index: 10000;background: none no-repeat scroll 0 0 #FFFFFF;display: none;} input.pbp-button {padding: 0 7px;overflow: visible;cursor: pointer;border: none;height: 50px;font-size: 120%;max-width: 300px;} input.pbp-button.btn.btn-orange {background-color: #F3701F;border-bottom: 4px solid #F3701F;} .pbp-header img{width: auto;height: 100%;padding: 2px;box-sizing: border-box;} .ui-widget-header{background: url(/201803/img/2018_04/logo-2018.svg) 0 0 no-repeat #2B3864;background-size: 100% 90%; background-position: center center;height: 40px;width: 100%;} .php-content > div{text-align: center;margin-bottom: 10px;margin-top: 10px;padding-top: 15px;display: inline-block;width: 100%;} .php-content-title{font-family: "Lucida Grande",Tahoma,Arial,sans-serif;padding: 30px 0 1px 0;font-size: 75%;font-weight: bold;} #pbp-postcode{border: 1px solid gray;height: 35px;text-indent: 25px;border-radius: 5px; width: 100%; max-width: 250px;} .pbp-close .ui-icon-closethick {background-position: -96px -128px;float: right;top: 5px;position: relative;right: 5px;background-image: url(/img/jquery/ui-icons_ffffff_256x240.png);} .pbp-notification{border: 1px solid #a00 !important;background-color: #fee !important;} div.php-content-title{font-size: 20px;color: var(--coal);} div.ui-widget-overlay{background: #666;opacity: .5; position: fixed; top: 0;} div.postcode-box-popup {top: 0;left: 0;right: 0;bottom: 0;background: none;padding-top: 5rem;} .postcode-box-body {max-width: 600px;margin: 2rem auto;background: white;padding: 10px 0px;} input.pbp-button{background-color: var(--coal);} input.pbp-button.btn {border-radius: 5px;font-size: 16px;padding: 5px 60px;border-radius: 120px;font-family: "Helvetica Neue", Helvetica_Neue, Helvetica, Arial, sans-serif;height: 40px;background-color: #2b3864;} div.pbp-header{position: relative;margin-bottom: 20px;} a.pbp-close{position: absolute;right: 10px;color: var(--silver);font-weight: bold;font-size: 20px;font-family: sans-serif;right: 2rem;top: 0.5rem;text-decoration: none;} /* ================================================================================ #Article ================================================================================ */ .article { padding: 25px 30px 68px 16px; } .wrapper .article { padding-bottom: 20px; } .article span { font-size: 21px; line-height: 1.24; } .article strong { font-family: 'Helvetica Neue Medium', sans-serif; font-weight: normal; } /* ================================================================================ #Content Bottom ================================================================================ */ .content-bottom { position: relative; z-index: 5; width: 740px; padding: 23px 24px 12px 30px; border-width: 1px 1px 4px; border-style: solid; border-color: #ececec #ececec #cee36a; background: #fff; } .content-bottom .form-check { width: 100%; } .content-bottom .field { margin-right: 16px; } /* ================================================================================ #Sidebar ================================================================================ */ .sidebar { float: left; width: 199px; } .widgets { list-style: none outside none; } .widget { padding-bottom: 48px; } .widgettitle { padding: 0 0 18px 4px; font-family: 'Helvetica Neue Bold', sans-serif; font-size: 19px; line-height: 1.1; color: #218e44; } .widget-counter { padding: 38px 0 16px; } .widget-counter p { font-family: 'Helvetica Neue', sans-serif; font-size: 14px; line-height: 1.29; color: #f98130; } .widget-counter p span { font-family: 'Helvetica Neue bold', sans-serif; } .counter { overflow: hidden; padding: 0 0 10px 6px; } .counter span { float: left; font-family: 'Quicksand', sans-serif; font-size: 33px; } .widget-counter .divider { padding: 0 6px; color: #000; } .count-box { display: block; width: 25px; height: 37px; padding-top: 3px; background: url(images/counter.png) 0 0 no-repeat; line-height: 1; color: #fff; text-align: center; } .count-box ~ .count-box { margin-left: 3px; } .widget-partners img ~ img { margin-top: 19px; } .list-testimonials { list-style: none outside none; } .list-testimonials li { padding-bottom: 41px; } .list-testimonials p { padding-bottom: 8px; font-family: 'Helvetica Neue', sans-serif; font-size: 18px; line-height: 1.22; } .list-testimonials .more a { margin-top: -5px; font-family: Tahoma, sans-serif; font-size: 14px; color: #f98130; font-weight: bold; } /* ================================================================================ #Form Search ================================================================================ */ .field-search { float: left; width: 103px; height: 23px; padding: 8px 10px; border: 2px solid rgba(38,169,224,1); font-family: 'Helvetica Neue', sans-serif; font-size: 18px; color: #238f44; } .form-search .btn { float: left; width: 61px; height: 43px; margin-left: -1px; font-family: 'Helvetica Neue', sans-serif; font-size: 18px; line-height: 42px; } /* ================================================================================ #Rounded Header ================================================================================ */ .header .form-check-rounded { position: relative; width: 163px; height: 197px; padding: 36px 35px 0; margin: -22px 17px 0 0 ; border-radius: 50%; box-shadow: 0 5px 0 #73c3e4; } .form-check-rounded img { position: absolute; top: -55px; left: -103px; } .container .advantages h3 { padding-bottom: 8px; } .container .list-advantages { padding-left: 24px; font-family: 'Helvetica Neue Medium', sans-serif; } /* ================================================================================ #Footer Top ================================================================================ */ .footer { position: relative; height: 365px; margin-top: 0; } .footer .shell { position: relative; } .footer .footer-right-bg { position: absolute; top: 0; right: 280px; width: 100%; text-align: right; } .footer a { text-decoration: none; } .footer a:hover { text-decoration: underline; } .footer-top { background: rgba(43, 56, 100, 1);} .footer-top .shell { overflow: hidden; height: 241px; padding: 36px 0 0; } .footer-nav { position: relative; z-index: 5; float: left; width: 725px; } .footer-left-bg { position: absolute; top: 0; left: 0; right: 50%; height: 277px; background-color: #265a95} .footer-right-bg{ background: #2c6ff9;background: -moz-linear-gradient(top, #2B3864 0%, #1B75BB 50%, #26A9E0 100%);background: -webkit-gradient(linear, left center, right center, color-stop(0%,#2c6ff9), color-stop(15%,#2c6ff9), color-stop(100%,#83dcf9));background: -webkit-linear-gradient(right, #2B3864 0%, #1B75BB 50%, #26A9E0 100%);background: -o-linear-gradient(right, #2B3864 0%, #1B75BB 50%, #26A9E0 100%);background: -ms-linear-gradient(right, #2B3864 0%, #1B75BB 50%, #26A9E0 100%);background: linear-gradient(to right, #2B3864 0%, #1B75BB 50%, #26A9E0 100%);} .footer-cols { float: left; padding: 0 23px 5px 18px; } .footer-cols .menu { list-style: none outside none; float: left; } .footer-cols .menu > li { float: left; width: 102px; } .footer-cols .menu > li ~ li { padding-left: 22px; } .footer-cols .menu > li > a { display: block; padding-bottom: 9px; font-size: 18px; color: #FFFFFF; font-family: 'Helvetica Neue Medium', sans-serif; } .footer-cols .menu > li ul { list-style: none outside none; } .footer-cols .menu > li ul li { padding-bottom: 15px; } .footer-cols .menu > li ul a { display: block; font-family: 'Helvetica Neue', sans-serif; font-size: 13px; line-height: 1.35; color: rgba(212,229,238,1); } .footer-cols .form-search { width: 183px; display: block; } .footer-col { float: left; } .footer-col ~ .footer-col { padding-left: 22px; } .footer-col ul { list-style: none outside none; } .footer-col li { padding-bottom: 15px; } .footer-col h5 { padding-bottom: 9px; font-size: 18px; color: #238f44; } .footer-col a { display: block; font-family: 'Helvetica Neue', sans-serif; font-size: 13px; line-height: 1.35; color: #238f44; } .col-xsmall { width: 83px; } .col-small { width: 102px; } .col-xlarge { width: 114px; } .col-xxlarge { width: 187px; } .footer .form-search { display: none; } .socials { padding-right: 68px; } .form-search { margin: 4px 0 0 -2px; } .form-search .field-search { width: 99px; } /* ================================================================================ #Footer Bottom ================================================================================ */ .footer-bottom { height: 52px; padding: 18px 0; background: #243328; } .footer-bottom .shell { overflow: hidden; font-family: 'Helvetica Neue', sans-serif; font-size: 20px; line-height: 1.2; color: #fff; text-align: center; width: 100%; } .copyrights { display: inline-block; padding: 8px 16px 0 0; vertical-align: middle; *display: inline; *zoom: 1; } .footer-bottom ul { display: inline-block; padding-top: 8px; list-style: none outside none; vertical-align: middle; *display: inline; *zoom: 1; } .footer-bottom li { float: left; border-left: 1px solid #fff; } .footer-bottom li a, .footer-bottom li span { padding: 0 18px; color: #fff; } .footer-bottom ul li:first-child { border: none;} .footer .form-check { float: right; width: 265px; height: 170px; background-color: transparent;margin: 12px -9px 0 0; } .container .form-label { padding-bottom: 20px; font-family: 'Helvetica Neue Bold', sans-serif; font-size: 19px; line-height: 1.24; color: #fff; } .footer .form-check .field { width: 203px; height: 20px; padding: 11px 12px; margin-bottom: 13px; font-size: 16px; color: #7f7f7f; } .footer .btn-orange { width: 227px; height: 47px; font-size: 18px; border-bottom: 4px solid rgba(190,30,45,1); } .socials { float: right; padding-right: 90px; } .socials a { float: left; } .socials a ~ a { margin-left: 13px; } .socials a:hover { opacity: .75; filter:alpha(opacity=75); } .socials a { -moz-transition: .2s; -webkit-transition: .2s; -o-transition: 2s; transition: .2s; } /* ================================================================================ #Footer Home Page v2 ================================================================================ */ .wrapper .footer { margin-top: -82px; color: #238f44; } .wrapper .footer-top { padding-top: 107px; height: 187px; } .wrapper .footer-top { background: #e5f25c; background: -moz-linear-gradient(left, #e5f25c 0%, #d9fe92 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e5f25c), color-stop(100%,#d9fe92)); background: -webkit-linear-gradient(left, #e5f25c 0%,#d9fe92 100%); background: -o-linear-gradient(left, #e5f25c 0%,#d9fe92 100%); background: -ms-linear-gradient(left, #e5f25c 0%,#d9fe92 100%); background: linear-gradient(to right, #e5f25c 0%,#d9fe92 100%); } .wrapper .footer-cols { overflow: hidden; float: none; padding: 0 0 0 18px; } .wrapper .footer-col { width: 106px; padding-right: 42px; } .wrapper .footer-col ~ .footer-col { padding-left: 0; } .wrapper .footer-col ul { list-style: none outside none; } .wrapper .footer-col li { padding-bottom: 1px; } .wrapper .footer-col h5 a { font-size: 21px; font-family: 'Helvetica Neue Medium'; } .wrapper .footer-col a { font-family: 'Helvetica Neue', sans-serif; font-size: 19px; line-height: 1.35; color: #238f44; } .wrapper .col-small { width: 100px; } .wrapper .col-large { width: 143px; } .wrapper .col-xlarge { width: 154px; } .wrapper .col-xxlarge { width: 187px; padding-right: 0; margin-left: -18px; } .wrapper .footer-bottom { padding: 15px 0 7px; background: #218e44; } .wrapper .footer-bottom .shell { font-size: 18px; color: #fff; } .wrapper .footer-bottom li a { padding: 0 16px; } .wrapper .copyrights { float: left; } .wrapper .footer-bottom ul { float: left; } .wrapper .socials { padding-right: 0; } /* ================================================================================ #Inner Page ================================================================================ */ div#inner{ clear: both; } .inner-page .main .shell { padding: 20px; } .inner-page .header { height: 106px; padding-top: 61px; } .inner-page .logo { padding-bottom: 0; } .inner-page .main { background: #efefc2; } .inner-page .form-head {font-size: 13px;text-align: center;width: 162px;} .inner-page .header .form-check p {text-align: center !important;} .cols { overflow: hidden; } .col { float: left; } .col-1of3 { width: 33%; } .col ~ .col .entry { padding-left: 20px; } .section { padding-bottom: 8px; } .section ul { padding-bottom: 11px; } .section ol { padding-bottom: 22px; } .section .entry-content { padding: 0; } .section h3 { padding-bottom: 6px; } .section span { display: block; font-size: 21px; } .section img { border: 1px solid #cfcfcf; } .section-headings { padding-bottom: 40px; } .section-headings h3 { padding-bottom: 0; } /* ================================================================================ #Form ================================================================================ */ .inner-page .section-form { padding-bottom: 40px; } .inner-page .section-form h3 { padding-bottom: 25px; } .inner-page .form-row { overflow: hidden; padding-bottom: 15px; } .form-label { float: left; padding: 3px 15px 0 0; font-family: 'Helvetica Neue Std Light'; color: #000; } .footer .form-label { font-family: 'Helvetica Neue Bold'; color: #fff; } .inner-page .form-controls { float: left; } .inner-page .section .field, .inner-page .section .textarea { padding: 8px 14px 9px; border-radius: 3px; border: 1px solid #e0e097; font-family: 'Helvetica Neue Std Light', sans-serif; font-size: 14px; color: #575757; } .inner-page .section .field { width: 335px; height: 18px; } .inner-page .section .textarea { width: 485px; height: 198px; } .inner-page .section .field-error { border: 1px solid #f85454; color: #f85454; } .inner-page .section .field-active { border: 1px solid #0072bc; color: #0072bc; } .inner-page .form-foot { padding-left: 65px; } .inner-page .btn-submit { width: 163px; height: 41px; margin-top: -6px; border-radius: 3px; border: 1px solid #bd7929; background: #df7100; font-family: 'Helvetica Neue Std Light'; font-size: 14px; } .inner-page .btn-submit:hover { color: #ea8c2a; } /* ================================================================================ #Table ================================================================================ */ .table { font-family: Arial, sans-serif; font-size: 12px; font-weight: bold; } .table thead { height: 28px; } .table tbody { border-width: 0 1px 1px; border-style: solid; border-color: #e4e5d1; color: #575757; } .table a { color: #1581a5; } .table th { color: #fff; background: #e47400; } .table th ~ th { border-left: 1px solid #f2ba80; } .table td { padding: 6px 0; text-align: center; background: #fff; } .table td ~ td { border-left: 1px solid #e4e5d1; } .top-left { border-radius: 5px 0 0 0; } .top-right { border-radius: 0 5px 0 0; } .bottom-left { border-radius: 0 0 0 5px; } .bottom-right { border-radius: 0 0 5px 0; } /* ================================================================================ #Testimonials ================================================================================ */ .quote { overflow: hidden; } .quote p { position: relative; float: left; width: 312px; font-family: 'Helvetica Neue Std Lt It'; font-size: 14px; line-height: 1.71; } .quote p:first-letter { padding-left: 28px; } .quote span { position: absolute; top: 0; left: 0; font-family: Georgia, sans-serif; font-size: 44px; } .section-testimonials { padding-bottom: 28px; } .section-testimonials p { padding-bottom: 5px; } blockquote { padding: 0 0 0 10px; border-left: 5px solid #c2c29d; line-height: 1.56; } .mobile-widget, .arr-mobile, .inner-page .advantages, .article-mobile { display: none; } /* ========================================================================== #Home v2 ========================================================================== */ .home-v2 .intro { float: none; } .intro-foot { position: relative; padding: 0; width: 100%; height: 77px; } .intro-foot img { padding: 16px 74px 0 0; } .intro-foot .sign-name { position: absolute; bottom: -54px; right: 40px; width: 200px; text-transform: uppercase; font-size: 14px; font-weight: bold; text-align: center; line-height: 1.2; font-family: 'Helvetica Neue Medium'; } .home-v2 .intro-entry h2 { font-size: 24px; font-family: 'Helvetica Neue Thin'; line-height: 1; } .home-v2 .intro-entry h2 span { font-size: 22px; display: block; } /* ================================================================================ #Form Check ================================================================================ */ .inner-page .header .form-check { float: right; padding: 7px 0px 0 20px; margin: -10px 18px 0 0; width: 360px; height: 75px; background: #fff; } .inner-page .header .form-check p { padding-bottom: 10px; font-size: 13px; } .inner-page .header .form-check .btn { margin-left: 16px; } .inner-page .header .form-check-rounded { width: 194px; height: 172px; border-radius: 50%; margin-top: -100px; padding: 60px 0 0 38px; box-shadow: 0 5px 0 #eaeaea; } .inner-page .header .form-check-rounded .btn { margin-left: 0; } #content { float: left; width: 64%; padding: 2.3%; } #sidebar { float: right; width: 31%; margin: 0; } #inner { background: transparent; } /* */ .content-sidebar #inner { overflow: hidden; background: url(images/inner-cs.png) repeat-y scroll 0 0; } .sidebar-content #inner { background: url(images/inner-sc.png); } .content-sidebar-sidebar #inner { background: url(images/inner-css.png); } .sidebar-sidebar-content #inner { background: url(images/inner-ssc.png); } .sidebar-content-sidebar #inner { background: url(images/inner-scs.png); } .full-width-content #inner { background: #fff; } /* Breadcrumb ------------------------------------------------------------ */ .breadcrumb { margin: 0 0 30px; padding: 5px 10px; background: none!important; border: none!important; font-size: 14px; line-height: auto; } .breadcrumb a { text-decoration: underline; } .breadcrumb a:hover { text-decoration: none; } /* Taxonomy Description ------------------------------------------------------------ */ .taxonomy-description { margin: 0 0 30px ; padding: 10px; } /* Content-Sidebar Wrap ------------------------------------------------------------ */ #content-sidebar-wrap { float: left; width: 960px; } .content-sidebar #content-sidebar-wrap, .sidebar-content #content-sidebar-wrap { width: 100%; } .sidebar-content-sidebar #content-sidebar-wrap, .sidebar-sidebar-content #content-sidebar-wrap { float: right; } .full-width-content #content-sidebar-wrap { width: 960px; } .content-sidebar #content, .sidebar-content #content { width: 636px; } .sidebar-content #content, .sidebar-sidebar-content #content { float: right; } .sidebar-content-sidebar #content { padding: 25px 25px 25px 15px; width: 410px; } .full-width-content #content { width: 910px; } .post { margin: 0 0 40px; } .home .post { border-bottom: 1px solid #ddd; } .entry-content img { height: auto; } .archive .content-sidebar #content, .single .content-sidebar #content, .blog .sidebar-content #content { font-weight: bold; } .entry-content img { padding: ; } .breadcrumb { font-size: 12px; } .clear { clear: both; } .clear-line { border-bottom: 1px solid #ddd; clear: both; margin: 0 0 20px; } .post strong{font-weight: bold;} /* Column Classes ------------------------------------------------------------ */ .five-sixths, .four-fifths, .four-sixths, .one-fifth, .one-fourth, .one-half, .one-sixth, .one-third, .three-fifths, .three-fourths, .three-sixths, .two-fifths, .two-fourths, .two-sixths, .two-thirds { float: left; margin: 0 0 20px; padding-left: 3%; } .one-half, .three-sixths, .two-fourths { width: 48%; } .one-third, .two-sixths { width: 31%; } .four-sixths, .two-thirds { width: 65%; } .one-fourth { width: 22.5%; } .three-fourths { width: 73.5%; } .one-fifth { width: 17.4%; } .two-fifths { width: 37.8%; } .three-fifths { width: 58.2%; } .four-fifths { width: 78.6%; } .one-sixth { width: 14%; } .five-sixths { width: 82%; } .first { clear: both; padding-left: 0; } /* Featured Post Grid ------------------------------------------------------------ */ .genesis-grid-even { float: right; padding: 0 0 15px; width: 48%; } .genesis-grid-odd { clear: both; float: left; padding: 0 0 15px ; width: 48%; } .genesis-grid-even, .genesis-grid-odd { margin: 0 0 20px; } .after-post h3, #comments h3, #respond h3 { background: url(images/headline-content.png) no-repeat top left; color: #fff; height: 40px; font-family: 'Helvetica Neue Medium', sans-serif; font-size: 14px; font-weight: normal; letter-spacing: normal; margin: 0 0 0 -23px; padding: 10px 15px 0 15px; text-transform: uppercase; } .sidebar-content .after-post h3, .sidebar-content #comments h3, .sidebar-content #respond h3, .sidebar-sidebar-content .after-post h3, .sidebar-sidebar-content #comments h3, .sidebar-sidebar-content #respond h3 { background: url(images/headline-content.png) no-repeat top right; margin: 0 -32px 0 0; } .sidebar-content-sidebar .after-post h3, .sidebar-content-sidebar #comments h3, .sidebar-content-sidebar #respond h3 { background: url(images/headline-content.png) no-repeat top center; margin: 0; } .widget-area h4 { background: url(images/headline-sidebar.png) no-repeat top left; color: #fff; height: 35px; line-height: 1.6; font-size: 14px; font-weight: bold; letter-spacing: normal; margin: 0 -6px 0 -6px; padding: 10px 15px 0 15px; text-transform: uppercase; } .content-sidebar-sidebar #sidebar h4 { background: url(images/headline-content.png) no-repeat top left; } .sidebar-sidebar-content #sidebar h4 { background: url(images/headline-content.png) no-repeat top right; } .content-sidebar-sidebar #sidebar-alt h4 { background: url(images/headline-sidebar.png) no-repeat top right; } .sidebar-content-sidebar #sidebar-alt h4 { background: url(images/headline-sidebar-alt.png) no-repeat top left; } .footer-widgets h4 { background: none; color: #dee3e4; height: auto; margin: 0; padding: 0; } /* Unordered / Ordered Lists ------------------------------------------------------------ */ .entry-content ol, .entry-content ul, .after-post ul { margin: 0 0 15px 25px; } .entry-content ul li {list-style-position: outside; list-style-type: square; font-size: 16px;font-weight: 300;font-family: Helvetica,'Helvetica Neue Light',sans-serif; } .entry-content ol li{list-style-position: outside;font-family: Helvetica,'Helvetica Neue Light',sans-serif;font-weight: 300;padding-left: 5px;margin-bottom: 10px;margin-left: 1em;} .entry-content ul li ~ li{padding-top: 10px;} /* Post Info ------------------------------------------------------------ */ .post-info { font-size: 12px; font-family: 'Helvetica Neue Medium', sans-serif; font-weight: normal; margin: 5px 0 10px; } .post-info .updated { display: none; } /* Post Meta ------------------------------------------------------------ */ .post-meta { border-top: 1px solid #ddd; clear: both; font-size: 12px; font-weight: bold; padding: 5px 0 0; } /* Author Box ------------------------------------------------------------ */ .author-box { clear: both; margin: 0 0 40px; padding: 10px; overflow: hidden; } .author-box .avatar { float: left; margin: 0 10px 0 0; } img.alignright, img.alignleft, img.aligntcenter, img.alignnone, .avatar, .featuredpage img, .featuredpost img, .post-image { background-color: #fff; border: 1px solid #ddd; padding: 4px; } .author-box, .breadcrumb, .sticky, .taxonomy-description, .wp-caption { background-color: #eee; border: 1px solid #ddd; font-family: Arial, Helvetica, Tahoma, sans-serif; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; } blockquote { margin-bottom: 26px; } blockquote p { padding: 0; } /* After Post ------------------------------------------------------------ */ .after-post { margin: 40px 0; } .after-post-left { float: left; padding: 10px 0 20px; width: 52%; } .after-post-right { float: right; padding: 5px 0 20px; width: 46%; } /* Sticky Posts ------------------------------------------------------------ */ .sticky { margin: 0 0 40px; padding: 10px; } /* Archive Page ------------------------------------------------------------ */ .archive-page { float: left; padding: 20px 0; width: 50%; } /* Post Icons ------------------------------------------------------------ */ .post-comments, .tags { background: url(images/icon-dot.png) no-repeat top left; margin: 0 0 0 3px; padding: 0 0 2px 10px; } /* Search Form ------------------------------------------------------------ */ #sidebar .searchform { padding: 5px 0 0 2px; } #nav .searchform { float: right; } .s { background-color: #fff; color: #20586d; font-size: 11px; font-weight: bold; margin: 0 1px 0 0; padding: 8px 0 6px 6px; text-transform: uppercase; width: 220px; float:left; } #sidebar { display: inline; float: right; padding: 0 0 15px; width: 330px; position: relative; font-size: 14px; } #sidebar-alt { display: inline; float: left; padding: 0 0 15px; width: 150px; } .sidebar-content-sidebar #sidebar-alt { width: 170px; } .sidebar-content #sidebar, .sidebar-sidebar-content #sidebar { float: left; } .content-sidebar-sidebar #sidebar-alt { float: right; } #sidebar .widget, #sidebar-alt .widget { margin: 0; padding: 15px 0 0; } .widget-area .textwidget { padding: 5px 15px 0; } .footer-widgets .widget-area .textwidget { padding: 5px 0 0; } .widget-area ol, .widget-area ul { margin: 5px 0 0 30px; padding: 0 15px 0 0; } .footer-widgets .widget-area ol, .footer-widgets .widget-area ul { margin: 5px 0 15px 25px; } .widget-area ol ol, .widget-area ul ul { margin: 0 0 0 15px; } .widget-area ul li { list-style-type: square; word-wrap: break-word; } .widget-area ol li { list-style-type: decimal; } /* Tag Cloud ------------------------------------------------------------ */ .widget_tag_cloud div div { padding: 5px 15px 0; } .footer-widgets .widget_tag_cloud div div { padding: 5px 0 0; } /* Dropdowns ------------------------------------------------------------ */ #cat, .widget_archive select { background-color: #fff; color: #20586d; display: inline; font-size: 11px; font-weight: bold; margin: 10px 0 0 15px; padding: 5px; text-transform: uppercase; } #sidebar #cat, #sidebar .widget_archive select { width: 298px; } #sidebar-alt #cat, #sidebar-alt .widget_archive select { width: 128px; } /* Featured Page / Post ------------------------------------------------------------ */ .featuredpage, .featuredpost { clear: both; margin: 0 0 15px; } .featuredpage .hentry { overflow: hidden; margin: 0 0 15px; padding: 10px 10px 5px; } .more-from-category { padding: 0 10px; } /* User Profile ------------------------------------------------------------ */ .user-profile p { padding: 10px 15px 0; } .user-profile .posts_link { padding: 0 0 0 10px; } /* Buttons ------------------------------------------------------------ */ #submit { background: url(images/button.png) center; border: 1px solid #080; color: #fff; cursor: pointer; font-size: 11px; font-weight: bold; padding: 7px 5px 5px; text-decoration: none; text-transform: uppercase; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; float:left; } div.gform_footer input.button, .enews #subbutton, .reply a, .reply a:visited, .searchsubmit { background: rgba(190,30,45,1); border: 1px solid rgba(190,30,45,1); color: #fff; cursor: pointer; font-size: 11px; font-weight: bold; padding: 7px 5px 5px; text-decoration: none; text-transform: uppercase; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; } /* Search Form ------------------------------------------------------------ */ #header .searchform { float: right; padding: 10px 0 0; } #sidebar .searchform { padding: 5px 0 0 2px; } #nav .searchform { float: right; } .s { background-color: #fff; color: #20586d; font-size: 11px; font-weight: bold; margin: 0 1px 0 0; padding: 8px 0 6px 6px; text-transform: uppercase; width: 220px; float:left; } /* eNews and Update Widget ------------------------------------------------------------ */ .enews p { padding: 5px 15px 0; } .enews #subscribe { padding: 0 0 5px 15px; } .enews #subbox { background-color: #fff; color: #20586d; font-size: 11px; font-weight: bold; margin: 5px 7px 0 0; padding: 8px 0 6px 6px; text-transform: uppercase; width: 218px; } /* Calendar Widget ------------------------------------------------------------ */ #wp-calendar { width: 100%; } #wp-calendar caption { font-size: 12px; font-style: italic; padding: 2px 5px 0 0; text-align: right; } #wp-calendar thead { background-color: #f7f7f7; font-weight: bold; margin: 10px 0 0; } #wp-calendar td { background-color: #f7f7f7; padding: 2px; text-align: center; } .footer-widgets #wp-calendar thead, .footer-widgets #wp-calendar td { background-color: transparent; } .widget_search form { width: 292px; margin: 0 auto; } .widget_search input[type="text"] { background-color: #FFFFFF; color: #20586D; font-size: 11px; font-weight: bold; margin: 0 1px 0 0; padding: 8px 0 6px 6px !important; text-transform: uppercase; width: 216px; border: 1px solid #ddd; font-family: Arial, Helvetica, Tahoma,sans-serif; display: block; margin: 0 0 0 5px; max-width: 220px; float: left; display: inline; } .widget_search form { } .widget_search .search-submit { padding: 0; width: 61px; height: 30px; } form[id^="subscribe-blog"] { padding: 10px 15px 0; position: relative; overflow: hidden; height: 100%; } form[id^="subscribe-blog"] p:first-child { display: block; padding: 0 2px 8px; height: 100%; } form[id^="subscribe-blog"] input[type="text"] { background-color: #FFFFFF; color: #20586D; font-size: 11px; font-weight: bold; margin: 0 1px 0 0; padding: 8px 0 6px 6px !important; text-transform: uppercase; width: 220px; border: 1px solid #ddd; font-family: Arial, Helvetica, Tahoma,sans-serif; display: block; margin: 0 0 0 5px; max-width: 220px; float: left; display: inline; } form[id^="subscribe-blog"] input[type="submit"] { background: url("images/button.png") repeat scroll center center rgba(0, 0, 0, 0); border: 1px solid #008800; color: #FFFFFF; cursor: pointer; font-size: 8px; font-weight: bold; width: 62px; padding: 0 !important; text-decoration: none; text-transform: uppercase; float: right; display: inline; width: 61px; height: 30px; margin-right: 5px; } .textwidget form[id^="subscribe-blog"] { padding: 5px 0 0; } .social-profiles { font-size: 0px; line-height: 0px; text-align: center; } .social-profiles .widget-wrap a { display: inline; padding: 0 5px; } .social-profiles .widgettitle { text-align: left; margin-bottom: 10px; } .widget_authors img { margin-right: 8px; } #navigation2 .toggle { display: none; color: #fff; font-size: 12px; font-weight: bold; padding: 8px; position: relative; } #navigation2 .toggle:after { content: ''; width: 0; height: 0; border-top: 6px solid #fff; border-left: 6px solid transparent; border-right: 6px solid transparent; position: absolute; top: 50%; right: 12px; margin-top: -3px; } #checkPostcode .text { padding: 1px 5px; width: 140px; color: #666; } .checkPostcode { } .checkPostcode {background: none repeat scroll 0 0 #FFFFFF; border-radius: 6px 6px 6px 6px; width: 522px; padding: 4px 10px; margin: 50px auto 20px; position: relative; overflow: hidden; background: #fff; border-radius: 5px; } .checkPostcode fieldset { padding: 0; width: 100%; } .checkPostcode .text {background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #000000; font: 16px/20px Arial,Helvetica,sans-serif; height: 24px; width: 140px; float: left; display: inline; padding: 1px 5px; margin: 8px 0 0; color: #666; } .checkPostcode .submit {background: url("images/red_btn.png") no-repeat scroll 0 0 transparent; border: 0 none; color: #FFFFFF; cursor: pointer; font-family: Arial,Helvetica,sans-serif; font-size: 13px; font-weight: bold; height: 32px; width: 151px; margin: 5px 0 0 13px; } .checkPostcode .submit_test {background: url("../images/sprite-sheet_test.jpg") no-repeat scroll -186px 0 transparent; border: 0 none; cursor: pointer; height: 32px; width: 151px; } .checkPostcode b { font-weight: normal; } .checkPostcode b span { float: left; display: inline; width: 199px; padding-left: 6px; font-weight: bold; } /* Post Navigation ------------------------------------------------------------ */ .navigation {overflow: hidden; padding: 20px 0; width: 100%; } .navigation li { display: inline; } .navigation li a, .navigation li.disabled, .navigation li a:hover, .navigation li.active a { border: 1px solid #215a6f; padding: 5px 8px; text-decoration: none; } .navigation li a:hover, .navigation li.active a { background-color: #215a6f; color: #fff; } .widget-area .textwidget p { padding: 0; } .prev-next-navigation { padding-bottom: 30px; display: flex; flex-flow: column nowrap; } .prev-next-navigation .previous, .prev-next-navigation .next { display: flex; flex-flow: row wrap; } .prev-next-navigation em { flex: 0 0 126px; padding-right: 10px; font-style: normal; } .prev-next-navigation a { flex: 1; } /* Comments ------------------------------------------------------------ */ #comments .navigation { display: block; } #comments, #respond { margin: 0 0 15px; font-family: Arial, sans-serif; font-weight: normal; font-size: 14px; line-height: 22px; } #respond a { text-decoration: none; } #comments p { padding: 0; } .ping-list { margin: 0 0 40px; } .comment-list ol, .ping-list ol { padding: 10px; } .comment-list li, .ping-list li { list-style-type: none; margin: 15px 0 5px; padding: 10px 5px 10px 10px; } .comment-author { font-weight: bold; } .comment-author img { margin-right: 10px; } .commentmetadata { font-weight: bold; padding: 5px 0 0; } .comment-list li ul li { list-style-type: none; margin-left: 10px; margin-right: -6px; } .comment-list p, .ping-list p { margin: 10px 5px 10px 0; } .comment-list cite, .ping-list cite { font-style: normal; } .commentmetadata { font-size: 11px; } .nocomments { text-align: center; } .thread-alt, .thread-even { background-color: #eee; } .alt, .depth-1, .even { border: 1px solid #ddd; } .wp_rp_wrap .related_post_title { font-size: 16px; letter-spacing: 0; } .wp_rp_wrap ul.related_post { font-size: 14px; } #respond p { position: relative; overflow: hidden; width: 100%; padding-bottom: 15px; } #respond label { float: left; width: 80px; padding: 3px 15px 0 0; font-family: 'Helvetica Neue Std Light'; color: #000; font-size: 19px; line-height: 1.24; } #respond .required { display: none; } #respond input[type="text"], #respond textarea { padding: 8px 14px 9px; border-radius: 3px; border: 1px solid #e0e097; font-family: 'Helvetica Neue Std Light', sans-serif; font-size: 14px; color: #575757; } #respond input[type="text"] { width: 335px; height: 18px; } #respond textarea { width: 485px; height: 198px; resize: none; } #respond #submit { width: 163px; height: 41px; border-radius: 3px; border: 1px solid #bd7929; background: #df7100; font-family: 'Helvetica Neue Std Light'; font-size: 14px; font-weight: normal; text-transform: none; } #respond #submit:hover { color: #ea8c2a; } #respond .field-error { border: 1px solid #f85454; color: #f85454; } #respond .field-active { border: 1px solid #0072bc; color: #0072bc; } /* Images ------------------------------------------------------------ */ img { max-width: 100% } img.alignleft, img.alignright, .alignleft img, .alignright img { max-width: none; } .avatar, .featuredpage img, .featuredpost img, .post-image { background-color: #fff; border: 1px solid #ddd; padding: 4px; } .author-box .avatar { float: left; margin: 0 10px 0 0; } .post-image { margin: 0 10px 10px 0; } .comment-list li .avatar { float: right; margin: 0 5px 0 10px; padding: 4px; } img.centered, .aligncenter { display: block; margin: 0 auto 10px; } img.alignnone { display: inline; margin: 0 0 10px; } img.alignleft { display: inline; margin: 0 10px 10px 0; } img.alignright { display: inline; margin: 0 0 10px 10px; } .alignleft { float: left; margin: 0 10px 0 0; } .alignright { float: right; margin: 0 0 0 10px; } .wp-caption { padding: 5px 0 0 1px; margin-bottom: 15px; text-align: center; max-width: 100%; } .wp-caption img { float: none; display: block; margin: 0 auto; } p.wp-caption-text { font-size: 11px; line-height: 12px; padding: 5px 0; } .wp-smiley, .wp-wink { border: none; float: none; } p.socials { overflow: hidden; } #subscribe-email { display: inline; } .navigation2 a, .navigation a:visited { color: red!important; } #wpstats { position: absolute; bottom: 0; left: 0; } .blog .entry-title, .archive .entry-title, .category.entry-title { font-size: 53px; } .page .entry-title, .single .entry-title { font-size: 28px; } .icon-arrow-down { background: url(images/arrow-down.png) no-repeat 93% center; -webkit-background-size: 14px 9px; background-size: 14px 9px; width: 14px; height: 9px; float: right; margin-right: 10px; display: none; } .footer .form-check { margin-top: 0; } .footer .form-check form { margin: 0; } .footer .form-label { padding-right: 0; margin-right: 0; } .nav-menu-item { display: none; } .person-desktop{margin-top: -45px;display: inline-block;float: left;position: relative;} #subscribe-email input{ background-color: #FFFFFF; color: #20586D; font-size: 11px; font-weight: bold; margin: 0 1px 0 0; padding: 8px 0 6px 6px !important; text-transform: uppercase; width: 220px; border: 1px solid #ddd; font-family: Arial, Helvetica, Tahoma,sans-serif; display: block; margin: 0 0 0 5px; max-width: 220px; float: left; display: inline; } #subscribe-text{ display:none; } form[id^="subscribe-blog"] input[type="submit"]{ -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; } #subscribe-email{ padding: 0px; } #respond #subscribe-label, #respond #subscribe-blog-label{ float: none; width: auto; } .highlighted-foot-item a{ color: rgba(243, 112, 31, 1) !important; } @media only screen and (min-width: 985px){ .content-sidebar #inner { background-position-x: 7px;width: 1031px;position: relative;left: -3px;} body.down .inner-page .form-check-rounded { position: fixed; top: 100px; right: 10%; z-index: 100; } } @media only screen and (min-width: 768px){ body.down .inner-page .header { padding-bottom: 36px; } body.down .inner-page .nav { position: fixed; top: 0; z-index: 99; background: #fff; margin: auto; width: 100%; } .footer-cols .menu > li:nth-child(1){width: 102px !important;} .footer-cols .menu > li:nth-child(2){width: 110px !important;} .footer-cols .menu > li:nth-child(3){width: 83px !important;} .footer-cols .menu > li:nth-child(4){width: 114px !important;} .footer-cols .menu > li:nth-child(5){width: 187px !important;} .form-label {font-size: 19px; line-height: 1.24} .footer .form-check {margin-top: 12px;} .entry-content ol li{ font-size: 16px; } } /* iPad Portrait */ @media only screen and (min-width: 768px) and (max-width: 985px) { .shell { width: 768px; } .header { position: relative; height: 253px; padding-right: 20px; overflow: hidden; } .header .shell { padding-right: 20px; } .header .form-check { font-size: 12px; } .logo { width: 533px; margin-top: 43px; } .logo a { height: 47px; background: url(images/logo.png) 0 0 no-repeat; -webkit-background-size: 533px 47px; background-size: 533px 47px; } .logo_text { top: 20px; right: 33px; } .inner-page .logo { padding-left: 8px; } .house { display: none; } .house-mobile { position: absolute; left: 0; bottom: 0; display: block; } .advantages h3 { margin: 0 0 0 18px; } .arrow { display: none; } .arrow-mobile { display: block; } .form-check-rounded img { top: 71px; left: -163px; } .header .form-check-rounded { width: 162px; height: 169px; padding: 43px 25px 0; margin: -156px 20px 0 0; } .header .form-check-rounded p { text-align: center; } .nav li ~ li { padding-left: 67px; } .intro-image { display: none; } .intro-image-mobile { position: absolute; right: 30px; bottom: -94px; display: block; } .intro-head-bg { right: 0; height: 214px; } .intro-body-bg { height: 122px; right: 0; top: 92px; } .footer-right-bg img { display: none; } .intro { position: relative; } .intro-foot { position: absolute; bottom: 50px; right: 0; } .intro-foot span { display: none; } .content { width: 516px; } .footer-left-bg { right: 0; height: 240px; } .footer-left-bg img { display: none; } .footer-top { height: 410px; padding-top: 22px; } .footer-top .shell { height: auto; padding-top: 10px; } .footer-nav { width: 100%; float: none; height: 206px; } .footer .form-check { position: relative; z-index: 5; width: 100%; height: 202px; text-align: center; padding-top: 40px; } .footer-cols { padding-bottom: 2px; } .footer-col ~ .footer-col { padding-left: 32px; } .footer-col .form-search { margin-top: -10px; } .container .footer .form-check .field { width: 511px; text-align: center; } .container .footer .btn-orange { width: 536px; } .footer-top .form-label { padding-bottom: 14px; float: none; display: block; text-align: center; margin: auto; } .form-controls { display: block; margin: auto; text-align: center; } .footer-bottom .shell { font-size: 19px; } .footer-bottom ul { margin-right: -16px; } .copyrights { padding-right: 6px; } .socials { float: none; width: 175px; margin: 0 auto; } .socials a ~ a { margin-left: 8px; } .socials [class^="icon-"] { width: 28px; height: 28px; } .icon-facebook { background: url(images/fb-tablet.png) 0 0 no-repeat; } .icon-twitter { background: url(images/twitter-tablet.png) 0 0 no-repeat; } .icon-google { background: url(images/google-tablet.png) 0 0 no-repeat; } .icon-rss { background: url(images/rss-tablet.png) 0 0 no-repeat; } .icon-youtube { background: url(images/ytube-tablet.png) 0 0 no-repeat; } /* Home v2 */ .home-v2 { min-width: 0; } .home-v2 .shell { width: 768px; } .home-v2 .header { position: relative; padding: 20px 0 0 20px; overflow: hidden; } .logo-v2 { padding: 0; } .arrow-tablet { display: block; padding: 6px 16px 5px 17px; margin-bottom: 2px; } .home-v2 .advantages { padding: 26px 0 0 102px; } .home-v2 .list-advantages { padding: 0; } .home-v2 .header .form-check { height: 145px; padding: 20px 15px 0 21px; margin: 45px 0 0 0; font-size: 14px; } .home-v2 .intro { float: none; } .home-v2 .intro-head h4 { color: #238f44; } .home-v2 .list-features { padding-left: 10px; } .home-v2 .list-features h3, .home-v2 .intro-entry h2 { font-family: 'Helvetica Neue Thin'; } .home-v2 .list-features h3 { font-size: 33px; } .home-v2 .intro-entry h2 { font-size: 22px; line-height: 1; } .home-v2 .intro-entry h2 span { font-size: 18px; } .home-v2 .intro-foot { bottom: -7px; background: url(images/sign-mobile.png) no-repeat 0 0; width: 180px; height: 111px; padding-right: 52px; } .home-v2 .intro-foot img { display: none; } .home-v2 .article { padding: 24px 0 0 10px; } .home-v2 .sidebar { margin-top: 325px; } .home-v2 .content-bottom { width: 100%; padding: 24px 0 14px 18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .home-v2 .footer-cols { padding: 0; } .home-v2 .footer-col { display: inline-block; vertical-align: top; width: auto; float: none; padding: 0 19px 0 10px; } .home-v2 .footer-col h5 { padding-bottom: 2px; font-size: 17px; font-family: 'Helvetica Neue Medium'; } .home-v2 .footer-col li { padding-bottom: 7px; } .home-v2 .footer-col a { font-size: 15px; } .home-v2 .footer .col-xxlarge { padding-left: 10px; } .home-v2 .footer .form-search { padding-top: 14px; } .home-v2 .footer .field-search { width: 85px; padding: 8px 6px; } .home-v2 .footer-bottom { height: auto; padding: 35px 0; } .home-v2 .copyrights, .home-v2 .footer-bottom ul { float: none; display: inline-block; } .home-v2 .socials { padding: 20px 0; text-align: center; width: 100%; } .home-v2 .socials a { float: none; display: inline-block; vertical-align: middle; } .home-v2 .intro-body-bg { top: 94px; } .home-v2 .intro-foot { position: absolute; top: 220px; right: 0; } /* Inner page */ .inner-page { overflow: hidden; width: auto; } .inner-page .header { position: relative; z-index: 3; height: 144px; padding: 22px 0 0 0; overflow: visible; margin-bottom: 1px; } .inner-page .header .form-check { height: 136px; width: 186px; padding: 10px 0 0 24px; margin-right: 11px; font-size: 14px; } .inner-page .header .form-check input { display: block; } .inner-page .header .form-check .btn-orange { margin: 0; } .inner-page .logo { width: 515px; padding-left: 8px; } .inner-page .logo a { height: 85px; background: url(images/logo-2018.svg) 0 0 no-repeat; width: 390px; background-size: 100% 100%;} .inner-page .house { display: block; margin: 20px 0 0 20px; background: url(images/house-inner.png) no-repeat 0 0; width: 227px; height: 80px; } .inner-page .house-mobile { display: none; } .inner-page .house img { display: none; } .inner-page .article { padding-right: 20px; } .inner-page .quote img { width: 100%; margin-top: 10px; } .inner-page .quote p { width: 100%; padding-top: 15px; } .inner-page .quote img, .inner-page .quote p { float: none; } .inner-page .main { overflow: hidden; } .inner-page .main .shell { width: 748px; } .inner-page .table { margin: 0 10px 0 -10px; } .inner-page .footer { height: auto; } .inner-page .footer-top { height: auto; overflow: hidden; } .inner-page .footer-bottom { height: auto; } .inner-page .footer .form-label { text-align: center; width: 100%; } .inner-page .footer-left-bg { height: 240px; } .inner-page .header .form-check-rounded { position: absolute; top: -40px; right: 0; z-index: 5; margin: 0; width: 168px; height: 160px; padding: 50px 25px 0; box-shadow: 0 1px 0 #EAEAEA; } .inner-page .header .form-check-rounded .form-head { width: 170px; } .inner-page .header .form-check-rounded .form-body { padding-left: 7px; } .inner-page .header .form-check-rounded .field { padding: 9px 3px 8px 7px; } .inner-page .header .form-check-rounded .btn-orange { width: 148px; } blockquote { clear: both; } #header .wrap #navigation2 a.sf-with-ul { padding-right: 18px; } #header .wrap #navigation2 a.sf-with-ul:after { right: 4px; } #inner { width: auto; margin: 0 20px; } #contnet { width: 64%; padding: 0 0 0 2.3%; } #sidebar { width: 32%; margin: 0; } .content-sidebar #content-sidebar-wrap, .sidebar-content #content-sidebar-wrap { width: 100%; } .content-sidebar #content, .sidebar-content #content { width: 62%; padding: 2.3% 0 0 2.3%; } .widget-area h4 { font-size: 12px; line-height: 24px; } .widget-area .textwidget { padding: 5px 5px 0; } form[id^="subscribe-blog"] { margin: 0 auto; position: relative; width: 210px; } form[id^="subscribe-blog"] input[type="text"] { max-width: 138px; margin: 0 0 0 1px; } form[id^="subscribe-blog"] p:first-child { margin: 0 5px; } form[id^="subscribe-blog"] input[type="submit"] { margin-right: 1px; } h1 { padding: 0 0 10px; } h2 a { font-size: 20px; } .widget_search form .s { width: 138px; margin-left: 0; } .widget_search form { width: 210px; } .content-sidebar #inner { background-size: 100% 100%; } .widget-area h4 { margin: 0; background-position: center top; } .genesis-grid-odd, .genesis-grid-even { float: none; display: block; width: 100%; position: relative; overflow: hidden; } .social-profiles .widget-wrap { padding: 0; } .social-profiles .widget-wrap a { display: inline-block; padding: 0 6px 5px; } .after-post h3, #comments h3, #respond h3 { margin-left: -28px; } #_social_buttons { display: none; } #respond textarea { width: 355px; } .footer .form-check .field {width: 511px;text-align: center;} .footer .btn-orange {width: 536px;} .entry-content ul li { font-size: 14px; list-style-type: square; font-weight: 300; font-family: Helvetica,"Helvetica Neue Light",sans-serif; } .footer-bottom ul li:first-child{ float: none; display: block; } } @media only screen and (max-width: 985px) { .person-desktop{display:none;} } /* All Mobile Sizes (devices and browsers) */ @media (max-width: 767px) { .nav-menu-item { display: block; } body { min-width: 0; -webkit-appearance: none; } .inner-page .header, .header { height: 220px; padding: 10px 0 0 0; overflow: hidden; } .logo { padding: 0; width: 330px; margin: 0; } .logo a {background-size: 100% 100%;margin: 0px;max-height: 60px;} .shell { width: auto; } .house { display: none; } .arrow { display: none; } .list-advantages { display: none; } .advantages { float: none; } .advantages { text-align: center; } .advantages h3 { margin-left: 0; font-size: 17px; } .container .advantages h3 { padding-bottom: 0; } .inner-page .header-right, .header-right { float: none; } .inner-page .header .form-check, .header .form-check { width: auto; margin: 0; padding: 0; } .inner-page .header .form-check .form-head, .header .form-check .form-head { font-size: 13px; text-align: center; } .inner-page .header .form-check .form-body, .header .form-check .form-body { padding: 0 10px; } .header .form-check .field { width: 100%; height: 32px; -webkit-appearance: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .header .form-check-rounded { width: auto; margin: 0; padding: 0; border-radius: 0; float: none; height: auto; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .form-check .btn-orange { width: 100%; border: 0; } .nav { height: auto; } .nav ul { padding-left: 10px; } .nav li { float: none; display: block; } .nav li + li { padding: 0; } .nav li ~ li { display: none; } .icon-arrow-down { background: url(images/arrow-down.png) no-repeat 93% center; -webkit-background-size: 14px 9px; background-size: 14px 9px; width: 14px; height: 9px; float: right; margin-right: 10px; } .icon-arrow-down { -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .icon-arrow-down.active { transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); } .nav a { text-transform: capitalize; } .nav a:hover { text-decoration: none; } .list-features { padding: 0; } .list-features li { float: none; width: 100%; height: auto; padding: 15px 0 0 10px; border-bottom: 1px solid #327b29; margin: 0; } .list-features a { height: 100px; } .list-features li + li { margin: 0; border-top: 1px solid #7cbf73; } .list-features li:first-child { padding-top: 30px; } .list-features li { background: #269a2f; background: -moz-linear-gradient(top, #269a2f 0%, #389f34 56%, #36a032 61%, #39a035 62%, #39a033 67%, #3ba134 77%, #3da336 78%, #3ea134 79%, #43a337 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#269a2f), color-stop(56%,#389f34), color-stop(61%,#36a032), color-stop(62%,#39a035), color-stop(67%,#39a033), color-stop(77%,#3ba134), color-stop(78%,#3da336), color-stop(79%,#3ea134), color-stop(100%,#43a337)); background: -webkit-linear-gradient(top, #269a2f 0%,#389f34 56%,#36a032 61%,#39a035 62%,#39a033 67%,#3ba134 77%,#3da336 78%,#3ea134 79%,#43a337 100%); background: -o-linear-gradient(top, #269a2f 0%,#389f34 56%,#36a032 61%,#39a035 62%,#39a033 67%,#3ba134 77%,#3da336 78%,#3ea134 79%,#43a337 100%); background: -ms-linear-gradient(top, #269a2f 0%,#389f34 56%,#36a032 61%,#39a035 62%,#39a033 67%,#3ba134 77%,#3da336 78%,#3ea134 79%,#43a337 100%); background: linear-gradient(to bottom, #269a2f 0%,#389f34 56%,#36a032 61%,#39a035 62%,#39a033 67%,#3ba134 77%,#3da336 78%,#3ea134 79%,#43a337 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#269a2f', endColorstr='#43a337',GradientType=0 ); } .content { float: none; width: auto; margin: 0; } .intro { width: auto; height: auto; float: none; position: relative; } .intro-head { width: auto; height: auto; position: absolute; top: 5px; left: 0; z-index: 5; } .intro-head-bg { display: none; } .intro-head h4 { font-size: 13px; color: #fff; } .intro-body { width: auto; height: auto; position: relative; z-index: 1; } .intro-body-bg { display: none; } .intro-head-bg { background: none; } .intro-head-bg img { display: none; } .intro-image { float: none; margin: 0; } .intro-foot-bg { display: none; } .intro-body-inner { position: relative; } .intro-image { display: none; } .intro-image-mobile { position: absolute; right: 0; bottom: 78px; display: block; background: url(images/person-tablet-santa.png) no-repeat 0 0; -webkit-background-size: 91px 100px; background-size: 91px 100px; width: 91px; height: 100px; } .intro-image-mobile img { display: none; } .intro-entry { float: none; } .intro-entry h2 { background: #dcf6ff; font-size: 24px; height: 63px; padding-top: 15px; } .intro-entry h2 span { font-size: 22px; } .intro-foot { position: absolute; bottom: 17px; right: 5px; z-index: 5; padding: 0; height: 55px; background: url(images/sign-mobile.png) no-repeat 0 0; width: 90px; -webkit-background-size: 90px 55px; background-size: 90px 55px; } .intro-foot img { display: none; } .mobile-widget { display: block; padding: 0 10px; text-align: center; background: #fff; } .mobile-widget p { font-size: 16px; text-align: left; padding: 0; letter-spacing: -0.5px; } .mobile-widget .counter { display: inline-block; } .sidebar .widget-counter { display: none; } .entry-content { padding: 18px 10px; } .entry-content ul li { font-size: 14px; list-style-type: square; font-weight: 300; font-family: Helvetica,"Helvetica Neue Light",sans-serif; } .sidebar { padding: 23px 10px; float: none; width: auto; } .widgettitle { font-size: 25px; } .footer-left-bg { display: none; } .footer-top { background: #e3f466; height: auto; } .footer-cols { padding: 0 10px; float: none; overflow: hidden; } .footer-col + .footer-col, .footer-col { padding: 0 43px 0 0; } .footer-col h5 { padding-bottom: 4px; } .footer-col li { padding-bottom: 5px; } .footer-col.col-xsmall { padding: 0 59px 0 0; } .footer-col.col-xxlarge { padding: 0; width: 100%; position: relative; } .footer .form-search { position: absolute; right: 0; top: 20px; } .footer .footer-nav { float: none; width: auto; } .footer .socials { float: none; width: auto; padding: 20px 10px; text-align: center; } .footer .socials a { display: inline-block; float: none; font-size: 0; line-height: 0; text-indent: -4444px; } .footer .form-check { float: none; width: 100%; padding: 15px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: auto; } .footer .form-check label { padding: 0 0 10px 0; text-align: center; font-size: 19px; } .container .footer .form-check .field { width: 100%; height: 42px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; } .container .footer .btn-orange { width: 100%; } .footer-bottom { height: auto; position: relative; padding: 5px 10px 100px; overflow: hidden; } .footer-bottom .copyrights { font-size: 14px; position: absolute; top: 40px; left: 0; text-align: center; width: 100%; margin-left: -10px; } .footer-bottom ul { text-align: center;} .footer-bottom li { float: none; display: inline-block; border: 0; } .footer-bottom li a, .footer-bottom li span { font-size: 14px; padding: 0; } .footer-bottom li span { padding-right: 5px; } .widget-testimonials { padding-bottom: 0px; } .arr-mobile { display: block; background: url(images/arrow-mobile.png) no-repeat 0 0; width: 15px; height: 27px; -webkit-background-size: 15px 27px; background-size: 15px 27px; margin-left: 8px; } .inner-page .advantages { display: block; } .inner-page .list-advantages { display: none; } .inner-page .header .form-check { background: none; float: none; height: auto; } .inner-page .header .form-check .btn{ margin: 0; } .inner-page .section .col { float: none; } .inner-page .section .col-1of3 { width: 100%; } .inner-page .col ~ .col .entry { padding: 0; } .inner-page .article img { float: none; width: 100%; margin-bottom: 10px; } .inner-page .article .article-desktop { display: none; } .inner-page .article .article-mobile { display: block; } .inner-page .article .alignright { margin: 0 0 10px 0; } .inner-page .section-form .form-controls, .inner-page .section-form .form-label { float: none; } .inner-page .section-form .form-label { display: block; } .inner-page .section-form .textarea, .inner-page .section-form .field { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-page .section-form .field { height: 29px; } .inner-page .section-form .form-controls { width: 100%; } .inner-page .section-form .textarea { resize: none; height: 107px; } .inner-page .section-table { overflow: auto; } .inner-page .section-form .form-foot { padding: 0; } .inner-page .btn-submit { width: 100%; } .sign-name {display: none; } .footer-right-bg { display: none; } .widget-partners { text-align: center; } .footer .shell { height: auto; } .footer .form-check { text-align: center; } .inner-page .footer .form-check { text-align: center; } .inner-page .footer .form-controls, .inner-page .footer .form-label, .inner-page .footer .form-row { float: none; } .inner-page .header .form-check-rounded { box-shadow: none; } .inner-page .form-head{ width: 100%;} .inner-page .header { height: 220px; } .inner-v2 .header { height: 160px; } .home-v2 .header { text-align: center; } .home-v2 .header-right { padding-bottom: 20px; } .home-v2 .form-check { display: inline-block; float: none; height: auto; padding: 20px; } .home-v2 .intro-entry h2 { height: auto; } .home-v2 .intro-image-mobile { bottom: 90px; } .home-v2 .intro-foot { bottom: 34px; } .home-v2 .wrapper .footer-top { height: auto; padding-top: 75px; } .home-v2 .footer-top { background: #e3f466; height: auto; } .home-v2 .footer-cols { padding: 0 10px 30px; float: none; overflow: hidden; } .home-v2 .footer-col + .footer-col, .home-v2 .footer-col { padding: 0 7px 10px 0; } .home-v2 .footer-col h5 { padding-bottom: 4px; } .home-v2 .footer-col li { padding-bottom: 5px; } .home-v2 .wrapper .col-xlarge { padding: 0; width: 150px; position: relative; } .home-v2 .wrapper .col-small { padding-right: 50px; } .home-v2 .footer .form-search { position: absolute; right: 0; top: 20px; } .home-v2 .footer .footer-nav { float: none; width: auto; } .home-v2 .footer-col.col-xxlarge { width: 174px; padding-left: 23px; } .home-v2 .wrapper .footer-bottom ul { float: none; } .home-v2 .footer .socials { padding-top: 40px; } .home-v2 .footer-bottom .copyrights { top: 50px; } .home-v2 .content-bottom .form-check { width: auto; } .home-v2 .content-bottom { width: auto; padding: 0; } .home-v2 .content-bottom .form-label { padding: 0 0 10px 0; } .home-v2 .content-bottom .field { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 32px; } .home-v2 .intro-entry h2 { font-size: 24px; padding-left: 10px; } .home-v2 .intro-entry h2 span { font-size: 22px; } .content-sidebar #inner { background-position: -192px 0; } .after-post h3, #comments h3, #respond h3 { margin-left: -24px; } #respond form { padding-top: 15px; } #respond label { position: absolute; top: 0; left: 0; } #respond input[type="text"] { margin-top: 8px; } #respond input[type="text"], #respond textarea { width: 242px; } #contnet { padding-top: 20px; } #respond #subscribe-label, #respond #subscribe-blog-label{ position: relative; padding: 0; font-size: 13px; line-height: 12px; } .entry-content ol li{margin-left: 0px;} .footer-top { background: #2c6ff9; background: -moz-linear-gradient(top, #2B3864 0%, #1B75BB 50%, #26A9E0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c6ff9), color-stop(15%,#2c6ff9), color-stop(100%,#83dcf9)); background: -webkit-linear-gradient(top, #2B3864 0%, #1B75BB 50%, #26A9E0 100%); background: -o-linear-gradient(top, #2B3864 0%, #1B75BB 50%, #26A9E0 100%); background: -ms-linear-gradient(top, #2B3864 0%, #1B75BB 50%, #26A9E0 100%); background: linear-gradient(to bottom, #2B3864 0%, #1B75BB 50%, #26A9E0 100%); } div.nav li~li{ padding-left: 0px; } } @media screen and (max-width: 767px) { body { font-size: 14px; background: #fff; } p { font-size: 14px; line-height: 1.3; } h1 { padding: 5px 0; font-size: 26px; } iframe { max-width: 100%; } .post { margin-bottom: 20px; } .post .entry-content { padding: 0 0 10px; } .content-sidebar #inner { padding: 0 15px; width: auto; background: transparent; } .content-sidebar #content, .sidebar-content #content { float: none; display: block; width: 100%; padding: 10px 0; position: relative; overflow: hidden; } #sidebar { float: none; display: block; margin-top: 10px; padding: 0 0 20px; width: 100%; border-top: 2px solid #ccc; } .wp_rp_wrap .related_post_title { font-size: 16px; letter-spacing: 0; } .widget-area h4 { height: 29px; background-position: 0 0; background-repeat: repeat-x; } form[id^="subscribe-blog"] { width: 100%; } form[id^="subscribe-blog"] input[type="text"] { min-width: 73%; } form[id^="subscribe-blog"] input[type="submit"] { float: left; display: inline; margin-left: 2px; } #sidebar .searchform { width: auto; } .widget_search form .s { width: 65%; } .after-post h3, #comments h3, #respond h3 { margin: 0; height: 29px; } .comment-form-author, .comment-form-email, .comment-form-url { padding-top: 24px; position: relative; width: 100%; } .comment-form-author label, .comment-form-email label, .comment-form-url label{ position: absolute; top: 10px; left: 0; } #footer { height: auto; position: relative; overflow: hidden; background-color: #319a00; padding: 0 0 15px; } #footer .wrap { height: auto; } .checkPostcode { width: 280px; margin: 20px auto 0; border: 1px solid #000; } .checkPostcode b { display: block; width: 100%; } .checkPostcode b span { display: none; } .checkPostcode .text { float: left; display: inline; width: 104px; font-size: 14px; margin-top: 4px; } .checkPostcode .submit { float: left; display: inline; margin-top: 1px; } #checkPostcode { z-index: 1000; width: 260px; height: auto; position: relative; overflow: hidden; background: #fff; border-radius: 5px; top: 42px !important; right: -56px !important; padding: 2px; border: 1px solid #000; } #checkPostcode b span { display: none; } #checkPostcode fieldset { padding: 0; width: 100%; position: relative; overflow: hidden; } #checkPostcode .text { margin-left: 0; float: left; display: inline; padding: 1px 5px; position: static; width: 90px; margin: 2px 0 0 5px; } #checkPostcode .submit { float: right; display: inline; position: static; } .genesis-grid-odd, .genesis-grid-even { float: none; display: block; width: 100%; } .widget-area h4 { height: 25px; margin-bottom: 15px; } .widget-area .textwidget { padding: 0; } form[id^="subscribe-blog"] input[type="text"] { width: 62%; min-width: 0; } .footer .form-search { display: none !important; position: relative; right: 83%; top: auto } .footer-cols .menu > li ~ li { padding-left: 0; } .footer-cols .menu > li { padding-right: 22px; } .icon-arrow-down { display: block; } .footer .form-check label { width: 100%; text-align: center; } .footer .form-controls { width: 100%; } .footer .form-check .field { width: 100%; height: auto; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } .inner-page .header .form-check p { padding-bottom: 12px; letter-spacing: -0.5px; } .inner-v2 .header { height: 250px; } .logo_text { font-size: 16px; top: 8px; right: 27px; } .form-check .form-text { display: block; padding: 12px 0 26px; font-family: 'Helvetica Neue Bold',sans-serif; font-size: 17px; font-weight: normal; font-style: italic; color: #fff; text-align: center; } .form-check .form-head:after { content: ''; display: block; position: absolute; top: 35px; left: 4px; width: 15px; height: 26px; background: url(images/arrow-mobile.png) no-repeat 0 0; background-size: 100% 100%; } .single .logo { width: 80%; } .single .logo_text { top: 5px; right: 8px; font-size: 14px; letter-spacing: 0.5px; } .single .logo a { background-size: 100% 85%;background-position: center;max-height: 55px; margin: auto;margin-top: 0;text-align: center;max-width: 300px;} .single .nav li.nav-menu-item:first-child a { position: absolute; top: 0; right: 0; width: 91px; height: 41px; padding: 14px 0 0 14px; background: #fff; font-family: 'Helvetica Neue Medium', Arial, sans-serif; font-size: 22px; text-align: left; color: #f98130; } .single .nav li.nav-menu-item:first-child a .icon-arrow-down { position: absolute; top: 24px; right: 3px; width: 18px; height: 3px; background: #f08022; } .single .nav li.nav-menu-item:first-child a .icon-arrow-down:after, .single .nav li.nav-menu-item:first-child a .icon-arrow-down:before { content: ''; position: absolute; left: 0; width: 100%; height: 100%; margin: 7px 0; background: #f08022; } .single .nav li.nav-menu-item:first-child a .icon-arrow-down:after { top: 0; } .single .nav li.nav-menu-item:first-child a .icon-arrow-down:before { bottom: 0; } .single .nav li.nav-menu-item:first-child a .icon-arrow-down.active { transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); } .single .form-check { display: none; } .single .inner-v2 .header { height: auto; padding-top: 0; } .home div.inner-v2 .header {padding: 10px 0px;} .home div.inner-v2 .logo{ width: 100%; } .home div.inner-v2 .logo a{ margin: auto; } } .entry-content p { font-family: Helvetica, 'Helvetica Neue Light',sans-serif; font-weight: 300; } .widget_rss_links p { padding: 5px 0px 0px 0px; margin-left: 20px; } /* ------------------------------------------------------------ *\ New Styles \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Footer \* ------------------------------------------------------------ */ .footer-cols .menu { position: relative; } .footer-cols .menu > li ul li:last-child, .footer-col li:last-child { padding-bottom: 0; } .footer-col li:first-child, .footer-col li:nth-child(2) { padding-bottom: 62px; } .footer .form-search { position: absolute; bottom: 7px; left: 0; } /* ------------------------------------------------------------ *\ Media Queries \* ------------------------------------------------------------ */ @media (max-width: 985px) and (min-width: 768px) { .footer-top .shell { padding-top: 0; } .footer .form-check { height: 170px; padding-top: 20px; } .socials{padding: 0px; width: 200px;} .footer-left-bg{background: none;} .footer-top{background-color: #265a95;} } @media (max-width: 767px) { .footer-cols .menu { text-align: center; } .footer-cols .menu > li { padding-right: 0; } .footer-cols .menu > li, .footer-cols .menu { float: none; width: auto; } .footer-col li, .footer-col li:first-child, .footer-col li:nth-child(2) { padding-bottom: 15px; } .footer-col { float: none; } .footer-col + .footer-col, .footer-col { padding-right: 0; } .footer .socials { padding: 10px; } .prev-next-navigation { padding-bottom: 10px; } .prev-next-navigation a { margin-bottom: 10px; } .prev-next-navigation a em { display: block; } } @media (max-width: 430px) { .inner-page .header { height: auto; padding-top: 0px; } .logo {width: 70%;} .single .logo a {background-size: 100% 85%;background-position-x: center; max-height: 55px;} .single .inner-v2 .header{ height: auto;} .single .logo{margin: 0; width: 70%; padding: 0;} } /* ------------------------------------------------------------ *\ Nav \* ------------------------------------------------------------ */ .nav ul { overflow: visible; } .nav li.has-dropdown { position: relative; } .nav li.has-dropdown.dropdown-open ul.sub-menu { visibility: visible; opacity: 1; } @media(max-width: 767px){ .nav li.has-dropdown i { position: absolute; top: 12px; right: 0; transform: rotate(0); display: inline-block; } .nav li.has-dropdown.dropdown-open ul.sub-menu { max-height: 500px; padding: 15px; } .nav li.has-dropdown.dropdown-open i { transform: rotate(180deg); } } /* ------------------------------------------------------------ *\ Dropdown \* ------------------------------------------------------------ */ .nav ul.sub-menu { position: absolute; top: 100%; left: 0; z-index: 10; visibility: hidden; min-width: 200px; padding: 15px; background: #fff; opacity: 0; transition: visibility .3s, opacity .3s; } .nav ul.sub-menu ul { padding: 0; } .nav ul.sub-menu li { float: none; margin-bottom: 15px; } .nav ul.sub-menu li:last-child { margin-bottom: 0; } .nav ul.sub-menu li.menu-item ~ li { padding-left: 0; } .nav ul.sub-menu a { padding: 0; font-size: 18px; font-weight: 400; } @media (min-width: 768px){ .nav ul.sub-menu { box-shadow: 0 2px 2px 1px rgba(43,56,100,0.2); } } @media(max-width: 767px){ .nav ul.sub-menu { position: static; overflow: hidden; visibility: visible; max-height: 0; padding: 0 15px; opacity: 1; transition: max-height .3s, padding .3s; } .nav ul.sub-menu li { display: block !important; } } /* ------------------------------------------------------------ *\ Main \* ------------------------------------------------------------ */ .main { overflow: visible; clear: both; } /* ------------------------------------------------------------ *\ Button \* ------------------------------------------------------------ */ .btn--update span { max-width: 178px; } /* ------------------------------------------------------------ *\ Tables In Blog Content \* ------------------------------------------------------------ */ #blogtable { font-family: helvetica; font-size: 16px; border-collapse: collapse; background-color: #e7e7e7; border: 1px solid #000; padding: 5px; margin: auto; margin-bottom: 20px; } #blogtable td { border: 1px solid #000; padding: 5px; }