/*
Theme Name: John O'Connor
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> 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: "Poppins", sans-serif;}

#top #header .logo img{padding: 12px 0px;}
#top #header .av-main-nav > li > a{font-size: 18px;color: #374d6f;text-transform: uppercase;padding: 0px 30px;}
#top #header .av-main-nav > li.current-menu-item a{background: #374d6f;color: #ffffff;}

#top .landing{position: relative;padding: 60px 0px 0px 0px;z-index: 21;}
#top .landing:before{content: "";position: absolute;bottom: 0px;right: 0px;width: 100%;height: 100%;background: url(images/john-img.png) no-repeat left 10% bottom;background-size: auto 95%;}
#top .landing .container{padding-top: 0px !important;}
#top .landing .flex_column.av_one_full{max-width: 600px;box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);float: right;margin: 0px 0px -60px 0px;}
#top .landing .avia_codeblock{margin: 30px 0px 0px 0px;background: #ebebeb;padding: 45px 60px 0px 60px;} 
#top .landing h2{font-family: "Bebas Neue", sans-serif;font-size: 82px;line-height: 82px;color: #c92528;font-weight: 400;text-align: center;}

#top .landing .wpforms-container, #top .landing .wpforms-form{margin: 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: #ffffff;margin: 0px;font-family: "Poppins", 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: 10px 0px 0px 0px;clear: none;}
#top .landing .wpforms-form .wpforms-submit{background: #c92528;font-family: "Bebas Neue", sans-serif;font-size: 36px;line-height: 36px;color: #ffffff;font-weight: 400;letter-spacing: 1px;width: 100%;text-transform: uppercase;border: none;padding: 14px 15px 10px 15px;height: auto;letter-spacing: 1px;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-wrap{background: #ebebeb;padding: 20px 60px 60px 60px;}
#top .landing .avia-button{width: 100%;background: #1b1b1b;font-family: "Bebas Neue", sans-serif;font-size: 36px;line-height: 36px;color: #ffffff;font-weight: 400;text-transform: uppercase;padding: 14px 15px 10px 15px;margin: 0px 0px 0px 0px;letter-spacing: 1px;border: none;border-radius: 0px;}
#top .landing .avia-button:hover{opacity: 1;}


#top .landingAbout{padding: 80px 0px 60px 0px;border-top: solid 15px #c3272f !important;}
#top .landingAbout .av-special-heading{margin: 0px 0px 30px 0px;}
#top .landingAbout .av-special-heading-tag{font-family: "Bebas Neue", sans-serif;font-size: 122px;line-height: 122px;color: #374d6f;font-weight: 700;}
#top .landingAbout .av-subheading p{font-size: 52px;line-height: 60px;color: #c3272f;font-weight: 700;text-transform: uppercase;}
#top .landingAbout .avia_textblock{font-size: 18px;line-height: 28px;}
#top .landingAbout .avia_textblock h3{font-size: 36px;line-height: 44px;color: #c3272f;font-weight: 700;}

#top .simpleText{padding: 60px 0px;position: relative;}
#top .simpleText .avia_textblock{font-size: 16px;line-height: 26px;color: #232323;font-weight: 300;}
#top .simpleText .avia_textblock strong{color: #232323;}
#top .simpleText .avia_textblock h3{font-size: 30px;line-height: 38px;color: #232323;}
#top .simpleText .avia_textblock h4{font-size: 22px;line-height: 32px;color: #232323;}
#top .simpleText .avia_textblock ol li{padding: 8px 0px;}

#top .homeAbout{padding: 75px 0px 60px 0px;position: relative;}
#top .homeAbout .avia_textblock{font-size: 16px;line-height: 26px;color: #232323;font-weight: 400;}
#top .homeAbout .avia_textblock strong{color: #232323;}
#top .homeAbout .avia_textblock h3{font-size: 36px;line-height: 44px;color: #232323;}
#top .homeAbout .avia_textblock h4{font-size: 22px;line-height: 30px;color: #232323;}

#top #socket{padding: 30px 0px 30px 0px;border: none;background: #c92528;}
#top #socket .copyright{width: 100%;text-align: center;}
#top #socket .copyright span{font-size: 16px;line-height: 26px;color: #ffffff;border: solid 1px #ffffff;padding: 5px 12px;letter-spacing: 0.5px;}

#top #scroll-top-link{display: none !important;}


@media screen and (max-width: 1500px) {

    #top .landing:before{background-position: left 0px bottom;}
    #top .landing .flex_column.av_one_full{max-width: 500px;}
    #top .landing h2{font-size: 72px;line-height: 72px;}

}

@media screen and (max-width: 1300px) {

    #top .landing{padding: 40px 0px 0px 0px;}
    #top .landing .flex_column.av_one_full{max-width: 400px;}
    #top .landing .avia_codeblock{padding: 30px 40px 0px 40px;}
    #top .landing .avia-button-wrap{padding: 20px 40px 40px 40px;}
    #top .landing h2{font-size: 62px;line-height: 62px;margin: 0px 0px 0px 0px;}

}

@media screen and (max-width: 989px) {

    #top .landing:before{display: none;}
    #top .landing .container{width: 100% !important;max-width: 100% !important;padding: 0px;}
    #top .landing .flex_column.av_one_full{width: 100%;max-width: 100%;margin: 0px 0px 0px 0px !important;}
    #top .landing .johnlogo{margin: 0px 0px 20px 0px;}
    #top .landing .johnlogo .avia_image{max-height: 220px;width: auto;}
    #top .landing .johnimg{margin: 0px;}
    #top .landing .avia_codeblock{margin: 0px;}
    #top .landing h2{font-size: 72px;line-height: 72px;margin: 0px 0px 5px 0px;}
    #top #socket{padding: 30px 0px;}
	#top .homeAbout{padding: 45px 0px;}

}

@media screen and (max-width: 767px) {


}

@media screen and (max-width: 639px) {

    #top .landing{padding: 30px 0px 0px 0px;}
    #top .landing .johnlogo .avia_image{max-height: 180px;}
    #top .landing .wpforms-form .wpforms-field.wpforms-field-layout{padding: 0px;}
    #top .landing .wpforms-form .wpforms-field .wpforms-field, #top .landing .wpforms-form .wpforms-field{padding: 5px 0px;}
    #top #socket{padding: 22px 0px;}
    #top #socket .copyright span{letter-spacing: 0px;font-size: 15px;line-height: 22px;padding: 8px 10px;}
	#top .homeAbout{padding: 45px 0px 30px 0px;}


}

@media screen and (max-width: 479px) {

    #top .landing .johnlogo .avia_image{max-height: 130px;}
    #top .landing .avia_codeblock{padding: 30px 5% 0px 5%;}
    #top .landing h2{font-size: 54px;line-height: 54px;}
    #top .landing .avia-button-wrap{padding: 15px 5% 30px 5%;}
    #top #socket{padding: 15px 0px;}
    #top #socket .copyright span{display: block;font-size: 15px;line-height: 20px;}
	#top .homeAbout .avia_textblock h3{font-size: 30px;line-height: 34px;}

}
