/* Theme Name: CPBBO 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: cpbbo */ /*Add your own styles here:*/ body{font-family: "Albert Sans", sans-serif;} #top #header{position: absolute;top: 0px;left: 0px;right: 0px;border: none;} #top #header #header_main{border: none;} #top #header .header_bg{display: none;} #top #header .logo img{padding-top: 15px;} #top #header .avia-menu{margin-top: 35px;border: none;} #top #header .av-main-nav li{margin-left: 35px;} #top #header .av-main-nav li a{height: 60px !important;line-height: 60px !important;background: #3ca1ab;font-size: 20px;color: #ffffff;font-weight: 700;text-transform: uppercase;padding: 0px 45px;letter-spacing: 2px;border-radius: 6px;} #top #header .av-main-nav li.current-menu-item a{color: #3ab54b;font-weight: 800;} #top #header .av-main-nav li.donateMenu a{background: #3ca1ab;display: block;padding: 0px 40px;font-weight: 700;color: #ffffff;border-radius: 40px;} #top #header .av-main-nav li .avia-menu-fx{display: none !important;} #top #header .av-main-nav li.donateMenu .avia-menu-fx{display: none;} #top .landingBanner{padding: 280px 0px 240px 0px;} #top .landingBanner .avia_textblock{font-size: 24px;line-height: 32px;color: #ffffff;text-align: center;} #top .landingBanner .avia_textblock h1{font-size: 66px;line-height: 70px;color: #ffffff;font-weight: 800;text-transform: uppercase;} #top .landingBanner .avia_textblock p{padding: 0px 25%;} #top .landingBanner .avia-buttonrow-wrap{margin: 45px 0px 0px 0px;} #top .landingBanner .avia-button{background: #3ca1ab;font-size: 18px;line-height: 26px;color: #ffffff;border-radius: 6px;font-weight: 600;letter-spacing: 1px;padding: 15px 45px 15px 45px;margin: 0px 0px 0px 0px;border: solid 2px #3ca1ab;} #top .landingBanner .avia-button:nth-child(2n){background: transparent;} #top .landingBanner .avia-button:hover{background: #ffffff;color: #010101;border: solid 2px #ffffff;opacity: 1;} #top .numbers{padding: 75px 0px;} #top .numbers .flex_column.av_one_fourth{width: 25%;margin: 0px;padding: 0px 30px;border-right: solid 2px #f4f4f4;} #top .numbers .flex_column.av_one_fourth:last-child{border: none;} #top .numbers .avia-animated-number-content{font-size: 20px;line-height: 28px;color: #727272;text-align: center;} #top .numbers .avia-single-number{font-size: 58px;line-height: 60px;color: #173551;font-weight: 800;} #top .numbers .avia-no-number{font-size: 36px;line-height: 44px;color: #173551;font-weight: 700;vertical-align: top;opacity: 1;margin-left: 5px;} #top .landingAbout{padding: 60px 0px 0px 0px;} #top .landingAbout .av-special-heading-tag{font-size: 66px;line-height: 70px;color: #ffffff;font-weight: 800;text-transform: uppercase;} #top .landingAbout .avia_textblock{font-size: 20px;line-height: 32px;color: #d2e5fe;} #top .landingAbout .avia_textblock h3{font-size: 36px;line-height: 44px;color: #ffffff;font-weight: 700;} #top .landingAbout .avia_textblock strong{font-weight: 700;color: #3ca1ab;} #top .landingAbout .avia_image{border: solid 3px #3ca1ab;margin: 0px 0px -100px 0px;border-radius: 0px;} #top .keyissues{padding: 180px 0px 60px 0px;border-bottom: solid 6px #3ca1ab !important;} #top .keyissues .av-special-heading-tag{font-size: 66px;line-height: 70px;color: #173551;font-weight: 800;text-transform: uppercase;} #top .keyissues .av-subheading p{font-size: 42px;line-height: 50px;color: #36878f;font-weight: 700;} #top .keyissues .avia_textblock{font-size: 20px;line-height: 32px;color: #727272;text-align: center;} #top .keyissues .avia_textblock h3{font-size: 32px;line-height: 40px;color: #1e0942;font-weight: 700;} #top .keyissues .avia_textblock p{margin: 10px 0px 0px 0px;} #top .keyissues .av_one_third{background: #ffffff;padding: 45px 60px;} #top .ourGoal{padding: 70px 0px 80px 0px;} #top .ourGoal .av-special-heading-tag{font-size: 62px;line-height: 66px;color: #173551;font-weight: 800;text-transform: uppercase;margin: 0px 0px 40px 0px;} #top .ourGoal .avia_textblock{font-size: 30px;line-height: 34px;color: #1e0942;font-weight: 700;} #top .ourGoal .avia_textblock ul{margin: 0px;padding: 0px;} #top .ourGoal .avia_textblock ul li{margin: 0px;padding: 0px;list-style: none;border-left: solid 6px #36878f;float: left;width: 25%;padding: 0px 45px 0px 20px;} #top .landingQuote{padding: 60px 0px;} #top .landingQuote .container{max-width: 900px;} #top .landingQuote .avia_textblock{font-size: 18px;line-height: 26px;color: #ffffff;text-align: center;} #top .landingQuote .avia_textblock p{margin: 0px;} #top .landingQuote .avia_textblock blockquote{margin: 0px;padding: 0px;border: none;font-size: 42px;line-height: 48px;color: #ffffff;font-weight: 700;position: relative;} #top .whoRepresent{padding: 60px 0px;} #top .whoRepresent .av-special-heading-tag{font-size: 36px;line-height: 44px;color: #36878f;font-weight: 700;margin: 0px 0px 10px 0px;} #top .whoRepresent .av-subheading p{font-size: 20px;line-height: 30px;color: #727272;} #top .whoRepresent .avia_textblock{font-size: 18px;line-height: 26px;color: #180d5b;font-weight: 700;} #top .whoRepresent .avia_textblock ul{margin: 0px;padding: 0px;} #top .whoRepresent .avia_textblock ul li{margin: 6px 0px;padding: 0px 0px 0px 22px;list-style: none;width: 48%;display: inline-block;vertical-align: top;position: relative;} #top .whoRepresent .avia_textblock ul li:before{content: "";position: absolute;left: 0px;top: 9px;background: #3ca1ab;width: 9px;height: 9px;border-radius: 50%;} #top .conversation .entry-content-wrapper{padding: 80px 0px;} #top .conversation .av-special-heading{padding: 0px 15%;} #top .conversation .av-special-heading-tag{font-size: 56px;line-height: 60px;color: #173551;font-weight: 800;text-transform: uppercase;} #top .conversation .av-subheading p{font-size: 46px;line-height: 50px;color: #36878f;font-weight: 700;} #top .conversation .avia-buttonrow-wrap{margin: 40px 0px 0px 0px;} #top .conversation .avia-button{border: solid 2px #3ca1ab;background: #3ca1ab;font-size: 18px;line-height: 26px;color: #ffffff;font-weight: 600;text-transform: uppercase;letter-spacing: 1px;padding: 15px 45px;} #top .conversation .avia-button:nth-child(2){background: transparent;color: #173551;border: solid 2px #173551;} #top .conversation .avia-button:hover{background: #173551;border: solid 2px #173551;color: #ffffff;} #top .cityLeaders{padding: 75px 0px 60px 0px;} #top .cityLeaders .container{max-width: 980px;} #top .cityLeaders .avia_textblock{font-size: 36px;line-height: 44px;color: #36878f;font-weight: 700;text-align: center;} #top .cityLeaders .avia_textblock h4{font-size: 32px;line-height: 40px;color: #1e0942;font-weight: 700;} #top #footer{background: #173551;border: none;padding: 45px 0px;} #top #footer .av_one_half{width: 65%;margin: 0px 0px 0px 5%;} #top #footer .av_one_half.first{width: 30%;margin: 0px;} #top #footer .widget{margin: 15px 0px;} #top #footer .widgettitle{font-size: 28px;line-height: 36px;color: #ffffff;text-transform: inherit;font-weight: 700; margin: 0px 0px 10px 0px;} #top #footer .textwidget{font-size: 16px;line-height: 24px;color: #d2e5fe;} #top #footer .textwidget a{color: #3ca1ab;} #top #footer .textwidget a:hover{color: #ffffff;} #top #footer .first .textwidget{color: #3ca1ab;font-weight: 500;} #top #footer .first .textwidget p{margin: 0px;} #top #footer .wpforms-form, #top #footer .wpforms-container{margin: 0px;} #top #footer .wpforms-form .wpforms-field{padding: 10px 0px;} #top #footer .wpforms-form .wpforms-field.wpforms-field-layout{padding: 10px 0px;} #top #footer .wpforms-form input, #top #footer .wpforms-form textarea{background: transparent;border: solid 1px #3ebfe4;padding: 10px 15px;font-family: "Albert Sans", sans-serif;font-size: 16px;line-height: 24px;color: #ffffff;height: auto;margin: 0px;} #top #footer .wpforms-form .wpforms-submit-container{text-align: right;margin: 0px;} #top #footer .wpforms-form .wpforms-submit{background: #3ca1ab;border: none;padding: 10px 30px;font-family: "Albert Sans", sans-serif;font-size: 20px;line-height: 30px;color: #ffffff;font-weight: 600;text-transform: uppercase;letter-spacing: 2px;border-radius: 0px;height: auto;} #top #footer .wpforms-form .wpforms-submit:hover{background: #ffffff;color: #3ca1ab;margin: 2px 0px 0px 0px;} #top #footer .wpforms-form .wpforms-error{color: #ffffff;font-weight: 400;font-size: 15px;} #top #footer .wpforms-form ::placeholder {color: #c9d8e5;opacity: 1;} #top #footer .wpforms-form ::-ms-input-placeholder {color: #c9d8e5;} #top #socket{background: #122b42;position: relative;padding: 30px 0px;position: relative;border: none;} /*#top #socket:before{content: "";position: absolute;left: 0px;top: 0px;bottom: 0px;width: 45%;background: #3ca1ab;}*/ #top #socket .container{padding-top: 0px;padding-bottom: 0px;} #top #socket .copyright{font-size: 16px;line-height: 40px;color: #ffffff;width: 100%;text-align: center;} #top #socket .social_bookmarks{height: 40px;margin: 0px;} #top #socket .social_bookmarks li{width: 40px;top: 0px;margin-left: 10px;} #top #socket .social_bookmarks li a{width: 40px;min-height: 40px;line-height: 40px;background: #ffffff;font-size: 18px;color: #014880;} #top #socket .social_bookmarks li a:hover{background: #3ca1ab;} #top #scroll-top-link{background: #3ca1ab;opacity: 1;border: solid 2px #ffffff;border-radius: 50%;box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);bottom: 95px;} #top #scroll-top-link svg{height: 30px;margin-top: 8px;fill: #ffffff;} @media screen and (max-width: 1500px) { #top .landingBanner{padding: 240px 0px 160px 0px;} #top .landingBanner .avia_textblock p{padding: 0px 15%;} #top .landingAbout{padding: 60px 0px;} #top .landingAbout .avia_image{margin: 0px;} #top .keyissues{padding: 60px 0px;} #top .keyissues .av_one_third{padding: 30px 40px;} #top .keyissues .avia_textblock{font-size: 18px;line-height: 26px;} #top .keyissues .avia_textblock h3{font-size: 28px;line-height: 36px;} #top .ourGoal .avia_textblock{font-size: 24px;line-height: 30px;} #top .ourGoal .avia_textblock ul li{padding: 0px 25px 0px 20px;} #top .conversation .av-special-heading{padding: 0px 5%;} } @media screen and (max-width: 1200px) { #top .landingBanner{padding: 240px 0px 120px 0px;} #top .landingBanner .avia_textblock h1{font-size: 54px;line-height: 60px;} #top .landingBanner .avia_textblock p{padding: 0px;} #top .numbers{padding: 60px 0px;} #top .numbers .flex_column.av_one_fourth{padding: 0px 15px;} #top .numbers .avia-single-number{font-size: 48px;line-height: 50px;} #top .numbers .avia-no-number{font-size: 30px;} #top .numbers .avia-animated-number-content{font-size: 18px;line-height: 24px;} #top .landingAbout .av-special-heading-tag{font-size: 54px;line-height: 60px;} #top .landingAbout .avia_textblock{font-size: 18px;line-height: 26px;} #top .landingAbout .avia_textblock h3{font-size: 32px;line-height: 40px;} #top .keyissues .av-special-heading-tag{font-size: 54px;line-height: 60px;} #top .keyissues .av-subheading p{font-size: 36px;line-height: 44px;} #top .keyissues .av_one_third{padding: 20px 20px;} #top .keyissues .avia_textblock h3{font-size: 24px;line-height: 30px;} #top .ourGoal{padding: 45px 0px 40px 0px;} #top .ourGoal .av-special-heading-tag{font-size: 48px;line-height: 56px;margin: 0px 0px 20px 0px;} #top .ourGoal .avia_textblock ul li{width: 50%;margin: 10px 0px;} #top .conversation .av-special-heading{padding: 0px;} #top .conversation .av-special-heading-tag{font-size: 44px;line-height: 50px;} #top .conversation .av-subheading p{font-size: 36px;line-height: 44px;} #top .cityLeaders{padding: 60px 0px 45px 0px;} #top .cityLeaders .avia_textblock{font-size: 26px;line-height: 34px;} } @media screen and (max-width: 989px) { #top .landingBanner{padding: 240px 0px 80px 0px;} #top .landingBanner .avia_textblock h1{font-size: 42px;line-height: 48px;} #top .numbers .flex_column.av_one_fourth{width: 50%;margin: 15px 0px;} #top .numbers .flex_column.av_one_fourth:nth-child(2){border: none;} #top .numbers{padding: 45px 0px;} #top .landingAbout .av-special-heading-tag{font-size: 48px;line-height: 56px;} #top .keyissues .av-special-heading-tag{font-size: 48px;line-height: 56px;} #top .keyissues .av-subheading p{font-size: 30px;line-height: 36px;} #top .keyissues .av_one_third .avia_textblock h3{font-size: 20px;line-height: 26px;} #top .ourGoal .av-special-heading-tag{font-size: 42px;line-height: 48px;} #top .ourGoal .avia_textblock{font-size: 20px;line-height: 26px;} #top .landingQuote{padding: 45px 0px;} #top .landingQuote .avia_textblock blockquote{font-size: 36px;line-height: 42px;} #top .whoRepresent{padding: 45px 0px;} #top .whoRepresent .av-special-heading-tag{font-size: 32px;line-height: 36px;} #top .whoRepresent .av-subheading p{font-size: 18px;line-height: 24px;} #top .conversation .entry-content-wrapper{padding: 60px 0px;} #top .conversation .av-special-heading-tag{font-size: 38px;line-height: 46px;} #top .conversation .av-subheading p{font-size: 30px;line-height: 36px;} #top .conversation .avia-buttonrow-wrap{margin: 20px 0px 0px 0px;} #top #socket::before{width: 70%;} } @media screen and (max-width: 767px) { .responsive #top #wrap_all #header{position: absolute;} .responsive #top #wrap_all .av-logo-container{height: 120px !important;line-height: 120px !important;} .responsive #top #header .logo{width: auto;height: 120px !important;} #top #header .logo img{max-height: 110px;padding-top: 10px;} #top #header .av-main-nav li{display: block;} #top #header .av-main-nav li.av-burger-menu-main{display: none;} #top #header .av-main-nav li a{background: #3ca1ab !important;color: #ffffff !important;padding: 0px 40px !important;} #top .landingBanner{padding: 200px 0px 60px 0px;} #top .landingBanner .avia_textblock h1{font-size: 34px;line-height: 40px;} #top .landingBanner .avia_textblock{font-size: 22px;line-height: 30px;} #top .landingBanner .avia-button{padding: 12px 22px 12px 22px;} #top .numbers{padding: 45px 0px 30px 0px;} #top .numbers .flex_column.av_one_fourth{width: 50% !important;} #top .numbers .flex_column.av_one_fourth:nth-child(3){clear: both;} #top .numbers .avia-animated-number-content{font-size: 16px;line-height: 22px;} #top .landingAbout .av-special-heading-tag{font-size: 40px;line-height: 48px;} #top .keyissues{padding: 45px 0px 30px 0px;} #top .keyissues .av-special-heading-tag{font-size: 40px;line-height: 48px;} #top .keyissues .av-subheading p{font-size: 26px;line-height: 32px;} #top .keyissues .flex_column_table{margin-top: 20px !important;} #top .ourGoal .av-special-heading-tag{font-size: 34px;line-height: 40px;} #top .landingQuote .flex_column{margin: 0px !important;} #top .landingQuote .avia_textblock blockquote{font-size: 30px;line-height: 36px;} #top .whoRepresent .flex_column{margin: 0px !important;} #top .conversation .entry-content-wrapper{padding: 45px 0px 30px 0px;} #top .conversation .avia-button{padding: 12px 16px 12px 16px;} #top .conversation .av-special-heading-tag{font-size: 32px;line-height: 38px;} #top .conversation .av-subheading p{font-size: 26px;line-height: 32px;} #top .cityLeaders{padding: 45px 0px 20px 0px;} #top .cityLeaders .avia_textblock{font-size: 24px;line-height: 30px;} #top .cityLeaders .avia_textblock h4{font-size: 28px;line-height: 36px;} #top #socket{padding: 30px 0px;} #top #socket::before{width: 75%;} #top #footer .av_one_half.first{width: 100%;} } @media screen and (max-width: 639px) { #top .landingBanner .avia-button{width: 100%;} #top .landingAbout .av-special-heading-tag{font-size: 36px;line-height: 42px;} #top .landingAbout .avia_textblock h3{font-size: 28px;line-height: 36px;} #top .ourGoal .avia_textblock ul li{width: 100%;padding: 0px 0px 0px 20px;} #top .conversation .av-subheading p{font-size: 24px;line-height: 30px;} #top .conversation .avia-button{width: 100%;} #top #footer{padding: 40px 0px 15px 0px;} #top #socket::before{width: 100%;} #top #socket .copyright{width: 100%;text-align: center;} #top #socket .social_bookmarks{width: 100%;text-align: center;margin: 10px 0px 0px 0px;} #top #socket .social_bookmarks li{float: none;display: inline-block;vertical-align: top;} } @media screen and (max-width: 479px) { .responsive #top #header .logo{width: 100%;text-align: center;} #top #header .logo img{display: inline-block;vertical-align: top;} .responsive #top #wrap_all .main_menu{position: relative;} #top #header .avia-menu{margin: 10px 0px 0px 0px;width: 100%;} #top #header .av-main-nav li{margin: 0px;width: 100%;text-align: center;} #top .landingBanner{padding: 240px 0px 45px 0px;} #top .landingBanner .avia_textblock h1{font-size: 30px;line-height: 36px;} #top .landingBanner .avia-buttonrow-wrap{margin: 25px 0px 0px 0px;} #top .numbers{padding: 30px 0px;} #top .numbers .flex_column.av_one_fourth{width: 100% !important;border: none !important;border-top: solid 2px #f4f4f4 !important;padding: 20px 0px;margin: 0px !important;} #top .numbers .flex_column.av_one_fourth:nth-child(1){border: none !important;} #top .landingAbout{padding: 40px 0px;} #top .landingAbout .av-special-heading-tag{font-size: 32px;line-height: 38px;} #top .landingAbout .avia_textblock h3{font-size: 24px;line-height: 30px;} #top .keyissues .av-special-heading-tag{font-size: 32px;line-height: 38px;} #top .keyissues .av-subheading p{font-size: 22px;line-height: 28px;} #top .keyissues .flex_column_table{margin-top: 0px !important;} #top .keyissues .avia_textblock{font-size: 16px;line-height: 22px;} #top .keyissues .avia_textblock h3{font-size: 22px;line-height: 30px;} #top .ourGoal .av-special-heading-tag{font-size: 28px;line-height: 34px;} #top .landingQuote .avia_textblock blockquote{font-size: 24px;line-height: 30px;} #top .whoRepresent .av-special-heading-tag{font-size: 28px;line-height: 32px;} #top .conversation .av-special-heading-tag{font-size: 28px;line-height: 32px;} #top .conversation .avia-button{letter-spacing: 0px;} #top .cityLeaders .avia_textblock{font-size: 22px;line-height: 28px;} #top .cityLeaders .avia_textblock h4{font-size: 24px;line-height: 30px;} #top #socket .copyright{font-size: 16px;line-height: 22px;} #top #socket .social_bookmarks{margin: 15px 0px 0px 0px;} }