/* Theme Name: John Harshman Description: A Child Theme for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then. Version: 1.0 Author: Kriesi Author URI: http://www.kriesi.at Template: john */ /*Add your own styles here:*/ body{font-family: "Outfit", sans-serif;} #top .landing{background-size: auto 100%;padding: 90px 0px;border-top: solid 20px #180044 !important;border-bottom: solid 20px #180044 !important;} #top .landing .container{padding-top: 0px !important;} #top .landing .flex_column{width: 45%;} #top .landing .avia_textblock h2{font-family: "Roboto Condensed", sans-serif;font-size: 42px;line-height: 44px;color: #d60000;font-weight: 700;text-align: center;text-transform: inherit;margin: 30px 0px 0px 0px;} #top .landing .avia_textblock h2 strong{color: #180044;} #top .landing .wpforms-container, #top .landing .wpforms-form{margin: 0px 0px;} #top .landing .wpforms-form{margin: 0px 0px 0px 0px;} #top .landing .wpforms-form .wpforms-field{padding: 6px 0px;} #top .landing .wpforms-form .wpforms-field .wpforms-field{padding: 0px 0px;} #top .landing .wpforms-form input.wpforms-field-medium, #top .landing .wpforms-form input.wpforms-field-large{background: #ededed;margin: 0px;font-family: "Outfit", sans-serif;font-size: 16px;line-height: 24px;color: #232323;font-weight: 500;border: none;padding: 12px 15px;height: auto;box-shadow: none;border-radius: 0px;} #top .landing .wpforms-form .wpforms-field-checkbox fieldset{margin: 5px 0px 0px 0px;} #top .landing .wpforms-form .wpforms-field-checkbox .wpforms-field-label-inline{font-size: 18px;line-height: 20px;color: #bd1e2c;font-weight: 600;} #top .landing .wpforms-form .wpforms-submit-container{padding: 0px;margin: 6px 0px 0px 0px;clear: none;} #top .landing .wpforms-form .wpforms-submit{background: #180044;font-family: "Roboto Condensed", sans-serif;font-size: 36px;line-height: 44px;color: #ffffff;font-weight: 800;width: 100%;text-transform: uppercase;border: none;padding: 10px 15px;height: auto;letter-spacing: 2px;border-radius: 0px;} #top .landing .wpforms-form em.wpforms-error{margin-top: 2px;} #top .landing .wpforms-form .wpforms-field-checkbox .wpforms-field-label-inline{font-size: 13px;line-height: 18px;color: #232323;font-weight: 400;} #top .landing .wpforms-form .wpforms-field-checkbox .wpforms-field-label-inline a{font-weight: 700;border-bottom: solid 1px #232323;} #top .landing .avia-button{width: 100%;background: #d60000;font-family: "Roboto Condensed", sans-serif;font-size: 36px;line-height: 44px;color: #ffffff;font-weight: 800;text-transform: uppercase;padding: 10px 60px;margin: 15px 0px 30px 0px;letter-spacing: 2px;border: none;border-radius: 0px;} #top .landing .avia-button:hover{opacity: 1;} #top .landingServices{padding: 60px 0px 0px 0px;} #top .landingServices .avia_textblock{font-size: 24px;line-height: 32px;color: #232323;font-weight: 300;text-align: center;} #top .landingServices .avia_textblock h3{font-family: "Roboto Condensed", sans-serif;font-size: 66px;line-height: 72px;color: #180044;font-weight: 600;} #top .landingServices .avia_textblock h3 strong{font-size: 92px;line-height: 96px;color: #d60000;font-weight: 700;font-style: italic;} #top .landingServices .avia_textblock h4{font-family: "Roboto Condensed", sans-serif;font-size: 36px;line-height: 42px;color: #180044;font-weight: 700;letter-spacing: 1px;} #top .landingServices .avia_textblock p{margin: 0px;} #top .landingAbout.landingServices .avia_textblock{font-size: 26px;line-height: 36px;} #top .landingAbout .avia-testimonial-wrapper{margin: 0px;} #top .landingAbout .avia-testimonial_inner{background: #d60000;border: solid 12px #180044;padding: 50px 45px;} #top .landingAbout .avia-testimonial-content, #top .landingAbout .avia-testimonial-name{font-family: "Roboto Condensed", sans-serif;font-size: 32px;line-height: 40px;color: #ffffff;text-align: center;} #top .landingAbout .avia-testimonial-name{font-style: italic;font-size: 36px;line-height: 40px;} #top .footerBtns{padding: 90px 0px 80px 0px;} #top .footerBtns .avia_image{height: 160px;width: auto;} #top .footerBtns .avia_textblock{font-family: "Roboto Condensed", sans-serif;font-size: 48px;line-height: 56px;color: #180044;font-weight: 600;text-align: center;letter-spacing: 1px;margin: 30px 0px 45px 0px;} #top .footerBtns .avia_textblock p{margin: 0px;} #top .footerBtns .avia_textblock strong{color: #d60000;font-style: italic;font-weight: 800;} #top .footerBtns .avia-button{font-family: "Roboto Condensed", sans-serif;font-size: 40px;line-height: 48px;color: #ffffff;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;border: none; padding: 12px 60px 10px 60px;margin: 0px 10px !important;} #top .footerBtns .avia-button:nth-child(2){background: #d60000;} #top #socket{background: #180044;padding: 30px 0px;} #top #socket .copyright{width: 100%;text-align: center;} #top #socket .copyright span{font-size: 16px;line-height: 24px;color: #ffffff;border: solid 1px #ffffff;padding: 6px 15px;} @media screen and (max-width: 1500px) { #top .landing .flex_column.av_one_full{max-width: 550px;} #top .landing{padding: 60px 0px;} } @media screen and (max-width: 1300px) { #top .landing{padding: 45px 0px;} #top .landing .flex_column.av_one_full{max-width: 450px;} #top .landing .avia_textblock h2{margin: 20px 0px 15px 0px;} } @media screen and (max-width: 989px) { #top .landing{padding: 0px;background: none !important;} #top .landing .container{width: 100% !important;max-width: 100% !important;padding: 0px;} #top .landing .flex_column.av_one_full{width: 100%;padding: 0px 0px;max-width: 100%;} #top .landing .johnlogo{margin: 30px 0px;} #top .landing .johnlogo .avia_image{max-height: 160px;width: auto;} #top .landing .wpforms-form{padding: 0px 5% 0px 5%;margin: 0px;} #top .landing .wpforms-form .wpforms-submit, #top .landing .avia-button{font-size: 30px;line-height: 36px;} #top .landing .avia-button-wrap{padding: 0px 5% 30px 5%;} #top .landingServices .avia_textblock{font-size: 20px;line-height: 28px;} #top .landingAbout.landingServices .avia_textblock{font-size: 22px;line-height: 30px;} #top .landingServices .avia_textblock h3{font-size: 52px;line-height: 60px;} #top .landingServices .avia_textblock h3 strong{font-size: 66px;line-height: 70px;} #top .landingServices .avia_textblock h4{font-size: 30px;line-height: 32px;} #top .landingAbout .avia-testimonial{background: transparent;} #top .landingAbout .avia-testimonial_inner{margin: 30px 0px 0px 0px;padding: 40px 30px;} #top .landingAbout .avia-testimonial-content{font-size: 24px;line-height: 30px;} #top .landingAbout .avia-testimonial-content p{margin: 0px 0px 10px 0px;} #top .landingAbout .avia-testimonial-name{font-size: 30px;line-height: 36px;} #top .footerBtns{padding: 60px 0px 60px 0px;} #top .footerBtns .avia_image{max-height: 130px;} #top .footerBtns .avia_textblock{font-size: 36px;line-height: 40px;margin: 30px 0px 30px 0px;} #top .footerBtns .avia-button{font-size: 32px;line-height: 40px;} } @media screen and (max-width: 767px) { #top .landing .flex_column{margin: 0px !important;} #top .landing .johnlogo{margin: 30px 0px;} #top .landing .johnlogo .avia_image{max-height: 130px;} #top .landing .avia_textblock{padding: 0px 5%;} #top .simpleText{padding: 45px 0px;} #top .simpleText .avia_textblock{font-size: 16px;line-height: 24px;} #top .simpleText .avia_textblock h3{font-size: 26px;line-height: 32px;} #top .simpleText .avia_textblock h4{font-size: 20px;line-height: 26px;} #top .landingServices{padding: 40px 0px 0px 0px;} #top .landingServices .avia_textblock{margin: 20px 0px 0px 0px;} #top .landingServices .avia_textblock h3{font-size: 42px;line-height: 48px;} #top .landingServices .avia_textblock h3 strong{font-size: 52px;line-height: 54px;} #top .landingServices .flex_column{margin: 0px !important;} #top .landingServices .flex_column_table{margin-top: 10px !important;} #top .landingAbout.landingServices .avia_textblock{margin: 0px;} #top .landingAbout .avia-testimonial{margin: 0px !important;padding: 0px;} #top .landingAbout .avia-testimonial_inner{padding: 30px 30px;} #top .landingAbout .avia-testimonial-content{font-size: 22px;line-height: 30px;} #top .footerBtns{padding: 45px 0px 40px 0px;} #top .footerBtns .avia_image{max-height: 120px;} #top .footerBtns .avia_textblock{font-size: 32px;line-height: 36px;} } @media screen and (max-width: 639px) { #top .landing .johnlogo{margin: 20px 0px;} #top .landing .johnlogo .avia_image{max-height: 120px;} #top .landing .wpforms-form .wpforms-field.wpforms-field-layout{padding: 0px;} #top .landing .wpforms-form .wpforms-field .wpforms-field{padding: 6px 0px;} #top .landing .wpforms-form .wpforms-submit, #top .landing .avia-button{font-size: 26px;line-height: 30px;padding: 12px 15px 12px 15px;} #top .footerBtns{padding: 45px 0px 30px 0px;} #top .footerBtns .avia_image{max-height: 100px;height: auto;} #top .footerBtns .avia-button{padding: 12px 40px 10px 40px;font-size: 26px;line-height: 32px;} #top #socket .copyright span{font-size: 14px;line-height: 18px;padding: 8px 15px;} } @media screen and (max-width: 479px) { #top .landing .johnlogo{margin: 20px 0px;} #top .landing .johnlogo .avia_image{max-height: 90px;} #top .landing .wpforms-form{padding: 0px 5% 0px 5%;} #top .landing .avia_textblock h2{font-size: 30px;line-height: 32px;} #top .landingServices .avia_textblock{font-size: 18px;line-height: 26px;} #top .landingAbout.landingServices .avia_textblock{font-size: 18px;line-height: 26px;} #top .landingServices .avia_textblock h3{font-size: 36px;line-height: 42px;} #top .landingServices .avia_textblock h3 strong{font-size: 44px;line-height: 44px;} #top .landingAbout .avia-testimonial_inner{padding: 20px 20px;border: solid 5px #180044;} #top .landingAbout .avia-testimonial-content{font-size: 18px;line-height: 24px;} #top .landingAbout .avia-testimonial-name{font-size: 24px;line-height: 30px;} #top .landingServices .avia_textblock h4{font-size: 26px;line-height: 32px;} #top .footerBtns{padding: 45px 0px 15px 0px;} #top .footerBtns .avia_textblock{font-size: 26px;line-height: 32px;letter-spacing: 0.5px;margin: 20px 0px 20px 0px;} #top .footerBtns .avia-button{width: 100%;margin: 5px 0px !important;} #top #socket{padding: 15px 0px;} #top #socket .copyright span{display: block;} }