/* Theme Name: Supreme Social 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: supreme */ /*Add your own styles here:*/ body{font-family: "Roboto", serif;} #top .special_amp{font-family: inherit;font-style: normal;font-size: 1em;line-height: inherit;color: inherit;font-weight: inherit;} #top .image-overlay{display: none !important;} #top #header, #top #header_main{border: none;} #top #header{border-bottom: solid 2px #a09f9d;} #top.home #header, #top.page-id-25 #header{border: none;} #top #header .header_bg{background: #f1efe7;} #top #header .logo img{display: inline-block;vertical-align: middle;padding: 10px 0px;} #top #header .av-main-nav li{margin: 0px 0px 0px 40px;} #top #header .avia-menu{margin: 27px 0px 0px 0px;} #top #header .av-main-nav li a{height: 44px !important;line-height: 44px !important;font-size: 16px;color: #000000;text-transform: uppercase;letter-spacing: 2px;font-weight: 400;padding: 0px;} #top #header .av-main-nav li .avia-menu-fx{display: none;} #top #header .av-main-nav li.current-menu-item .avia-menu-fx{bottom: 6px;display: block;width: 50%;margin-left: 25%;height: 3px;} #top #header .av-main-nav li a{height: 44px !important;line-height: 44px !important;font-size: 16px;color: #000000;text-transform: uppercase;letter-spacing: 2px;font-weight: 400;padding: 0px;} #top #header .av-main-nav li.menuEmail a{background: url(images/email-icon.png) no-repeat left center;padding: 0px 0px 0px 26px;text-transform: inherit;} #top #header .av-main-nav li.menuPhone a{background: url(images/call-icon.png) no-repeat left center;padding: 0px 0px 0px 26px;text-transform: inherit;} #top #header .social_bookmarks a{color: #000000;} #top #header .social_bookmarks{height: 40px;text-align: center;margin-top: -20px;} #top #header .social_bookmarks li{width: 40px;border: none;margin-left: 5px;} #top #header .social_bookmarks li a{width: 40px;line-height: 40px;min-height: 40px;font-size: 18px;color: #000000;border-radius: 50%;} #top .homePhotos .container{width: 100% !important;max-width: 100% !important;padding: 0px;} #top .homePhotos .entry-content-wrapper{margin: -1px;} #top .homePhotos .flex_column.av_one_third{width: calc(100% / 3);} #top .homePhotos .avia-image-container-inner, #top .homePhotos .avia_image{width: 100%;height: auto;} #top .homePhotos .avia-image-container, #top .homePhotos .avia-video{margin: 0px;border: solid 1px #ffffff;} #top .homePhotos .avia-video .avia_playpause_icon{opacity: 0 !important;} #top .serviceBanner .container{width: 100% !important;max-width: 100% !important;padding: 0px;} #top .serviceBanner .av-special-heading{margin-top: -70px;} #top .serviceBanner .av-special-heading-tag{font-family: "Noto Serif", serif;font-size: 52px;line-height: 60px;color: #232323;text-transform: uppercase;font-weight: 500;} #top .serviceLists{padding: 75px 0px;} #top .serviceLists .flex_column_table{border-top: solid 2px #a09f9d;padding-top: 60px;} #top .serviceLists .flex_column_table:first-child{border-top: none;padding-top: 10px;} #top .serviceLists .av-special-heading-tag{font-family: "Noto Serif", serif;font-size: 44px;line-height: 46px;color: #232323;text-transform: uppercase;font-weight: 500;padding-right: 40%;} #top .serviceLists .avia_textblock{font-size: 18px;line-height: 28px;color: #232323;} #top .clientResults .container{max-width: 1610px;} #top .clientResults .entry-content-wrapper{border-top: solid 2px #a09f9d;padding: 75px 0px;} #top .clientResults .av-special-heading-tag{font-family: "Noto Serif", serif;font-size: 62px;line-height: 70px;color: #232323;text-transform: uppercase;font-weight: 500;margin: 0px 0px 40px 0px;} #top .clientResults .flex_column.av_one_full .avia_image{height: 160px;width: auto;} #top .clientResults .flex_column.av_one_half{padding-left: 200px;} #top .clientResults .viewimg{position: absolute;bottom: 80px;left: -20px;z-index: 21;} #top .clientLists{padding: 75px 0px 60px 0px;} #top .clientLists .av-special-heading{margin: 0px 0px 40px 0px;} #top .clientLists .av-special-heading-tag{font-family: "Noto Serif", serif;font-size: 62px;line-height: 70px;color: #232323;text-transform: uppercase;font-weight: 500;} #top .clientLists .av-subheading p{font-size: 16px;line-height: 26px;color: #232323;text-transform: uppercase;font-weight: 500;letter-spacing: 3px;} #top #wrap_all .clientLists .avia-gallery .avia-gallery-thumb a{vertical-align: middle;} #top #wrap_all .clientLists .avia-gallery{text-align: center;} #top #wrap_all .clientLists .avia-gallery a{margin: 10px 0px;} #top #wrap_all .clientLists .avia-gallery img{border: none;padding: 0px;width: auto;float: none;} #top #wrap_all .clientLists .avia-gallery .avia-gallery-thumb a:hover{opacity: 1;} #top .featuredClients .entry-content-wrapper{border-top: solid 2px #a09f9d;padding: 75px 0px 60px 0px;} #top .featuredClients .av-special-heading-tag{font-size: 30px;line-height: 36px;color: #232323;text-transform: uppercase;font-weight: 700;margin: 0px 0px 40px 0px;} #top .featuredClients .avia_textblock{text-align: center;} #top .featuredClients .avia_textblock img{display: inline-block;vertical-align: middle;margin: 10px 45px;} #top .contactForm{padding: 75px 0px;} #top .contactForm .container{width: 100% !important;max-width: 1300px !important;} #top .contactForm .av-special-heading{margin: 0px 0px 22px 0px;} #top .contactForm .av-special-heading-tag{font-family: "Noto Serif", serif;font-size: 62px;line-height: 70px;color: #232323;text-transform: uppercase;font-weight: 500;} #top .contactForm .av-subheading p{font-size: 16px;line-height: 26px;color: #232323;text-transform: uppercase;font-weight: 500;letter-spacing: 3px;} #top .contactForm .avia_textblock{font-size: 18px;line-height: 28px;color: #232323;text-align: center;padding-top: 40px;margin-top: 60px;border-top: solid 2px #232323;} #top .contactForm .avia_textblock ul, #top .contactForm .avia_textblock li{list-style: none;margin: 0px;padding: 0px;} #top .contactForm .avia_textblock li{display: inline-block;vertical-align: top; margin: 5px 10px;} #top .contactForm .avia_textblock li img{display: inline-block;vertical-align: middle;margin-right: 8px;} #top .contactForm .avia_textblock li a:hover{border-bottom: solid 1px #232323;} #top .contactForm .wpforms-container{margin: 0px auto;} #top .contactForm .wpforms-form{padding: 0px;margin: 0px;} #top .contactForm .wpforms-form .wpforms-field{padding: 10px 0px;} #top .contactForm .wpforms-form .wpforms-field.wpforms-field-layout{padding: 0px;} #top .contactForm .wpforms-form input, #top .contactForm .wpforms-form textarea{font-family: "Roboto", serif;background: #f1efe7;font-size: 16px;color: #222222;text-align: left;line-height: 24px;padding: 10px 15px;border-radius: 0px;margin: 0px;border: solid 1px #292d58;height: auto;border-radius: 6px;} #top .contactForm .wpforms-form textarea{height: 120px;} #top .contactForm .wpforms-form .wpforms-field-label{font-family: "Roboto", serif;font-size: 16px;color: #222222;line-height: 24px;margin: 0px 0px 2px 0px;letter-spacing: 0.5px;font-weight: 400;} #top .contactForm .wpforms-form .wpforms-submit-container{text-align: center;margin: 20px 0px 0px 0px;} #top .contactForm .wpforms-form .wpforms-submit{background: #222222;font-family: "Roboto", serif;font-size: 22px;line-height: 30px;color: #ffffff;padding: 15px 60px;text-transform: uppercase;font-weight: 500;text-align: center;height: auto;letter-spacing: 5px; border: none;border-radius: 6px;} #top .contactForm .wpforms-form .wpforms-submit:hover{background: #000000 !important;color: #ffffff;opacity: 1;} #top .contactForm .wpforms-form em.wpforms-error{margin-top: 5px;} #top #socket{border: none;background: #000000;padding: 20px 0px;margin: -1px 0px 0px 0px;float: left;width: 100%;} #top #socket .copyright{float: right;font-size: 16px;line-height: 38px;color: #ffffff;} #top #socket .social_bookmarks{float: left;height: 40px;margin: 0px;} #top #socket .social_bookmarks li{width: 40px;border: none;clear: none;margin: 0px 6px;float: none;display: inline-block;top: 0px;} #top #socket .social_bookmarks li a{width: 40px;line-height: 40px;min-height: 40px;background: transparent;font-size: 18px; color: #ffffff;border-radius: 50%;} #top #scroll-top-link{display: none !important;} @media screen and (max-width: 1500px) { #top #header .av-main-nav li{margin: 0px 0px 0px 30px;} #top #header .av-main-nav li a{letter-spacing: 1px;} #top #socket{padding: 10px 0px;} #top .serviceLists .av-special-heading-tag{padding-right: 20%;font-size: 36px;line-height: 40px;} #top .contactForm .container{max-width: 100% !important;} #top #wrap_all .clientLists .avia-gallery a{padding: 0px 20px;} } @media screen and (max-width: 1300px) { #top #av-burger-menu-ul{vertical-align: top;} #top #header .avia-menu{float: right;padding: 0px;} #top #header .av-main-nav li{display: none;} #top #header .av-main-nav li.av-burger-menu-main{display: block;} .html_av-overlay-side #top #wrap_all .av-burger-overlay li a{font-size: 16px;} #top .serviceLists{padding: 60px 0px 40px 0px;} #top .serviceLists .av-special-heading-tag{font-size: 32px;line-height: 36px;} #top .contactForm .av-special-heading-tag{font-size: 52px;line-height: 60px;} #top .clientLists .av-special-heading-tag, #top .clientResults .av-special-heading-tag{font-size: 52px;line-height: 60px;} #top .clientLists{padding: 45px 0px 30px 0px;} #top .clientResults .entry-content-wrapper{padding: 50px 0px;} #top .featuredClients .entry-content-wrapper{padding: 60px 0px 40px 0px;} #top .featuredClients .avia_textblock img{margin: 20px 30px;} #top .clientResults .flex_column.av_one_half{padding-left: 140px;} #top .clientResults .viewimg .avia_image{width: 200px;height: auto;} } @media screen and (max-width: 989px) { #top #header .avia-menu{margin: 20px 0px 0px 0px;} #top #header .av-main-nav li{margin: 0px 0px 0px 10px;} #top .homePhotos .flex_column{margin: 0px !important;} #top .serviceBanner .av-special-heading{margin-top: -50px;} #top .serviceBanner .av-special-heading-tag{font-size: 42px;line-height: 50px;} #top .serviceLists .av-special-heading-tag{padding: 0px;font-size: 28px;line-height: 32px;} #top .serviceLists .avia_textblock{font-size: 16px;line-height: 24px;} #top .contactForm{padding: 45px 0px;} #top .clientLists .av-special-heading-tag, #top .clientResults .av-special-heading-tag{font-size: 48px;line-height: 56px;} #top .clientResults .flex_column.av_one_full .avia_image{height: 100px;} #top .homePhotos .flex_column.av_one_third{width: calc(100% / 2);} #top .homePhotos .flex_column.av_one_third.avia-builder-el-last{width: 100%;} #top .clientResults .flex_column.av_one_half{padding-left: 100px;} #top .clientResults .viewimg .avia_image{width: 150px;} } @media screen and (max-width: 767px) { .responsive #top .logo{width: auto;} #top #header .avia-menu{margin: 15px 0px 0px 0px;border: none;} .responsive #top #header .main_menu .social_bookmarks{margin-top: -20px;} #top .serviceLists .flex_column_table{margin: 0px !important;padding: 0px;border: none;} #top .serviceBanner .flex_column{margin: 0px !important;} #top .serviceBanner .av-special-heading{margin: 20px 0px 0px 0px;} #top .serviceLists{padding: 40px 0px 20px 0px;} #top .contactForm .flex_column{margin: 0px !important;} #top .contactForm .container{max-width: 85% !important;width: 85% !important;} #top .contactForm .av-special-heading-tag{font-size: 48px;line-height: 52px;} #top .contactForm .wpforms-form .wpforms-submit{font-size: 20px;line-height: 30px;width: 100%;} #top .clientLists .av-special-heading-tag, #top .clientResults .av-special-heading-tag{font-size: 42px;line-height: 50px;} #top .clientResults .flex_column.av_one_full .avia_image{height: 100px;} #top .clientLists .av-special-heading{margin: 0px 0px 22px 0px;} #top .featuredClients .flex_column{margin: 0px !important;} #top .featuredClients .avia_textblock img{max-height: 50px;width: auto;} #top .homePhotos .flex_column.av_one_third{width: calc(100% / 2) !important;} #top .homePhotos .flex_column.av_one_third.avia-builder-el-last{width: 100% !important;} #top .clientResults .flex_column.av_one_half{padding-left: 140px;} #top .clientResults .viewimg .avia_image{width: 200px;height: auto;} } @media screen and (max-width: 639px) { .html_av-overlay-side #top #wrap_all .av-burger-overlay li a{padding: 15px 30px;} #top .contactForm .avia_textblock{padding-top: 30px;} #top .contactForm .avia_textblock li{display: block;margin: 15px 0px;} #top #wrap_all .clientLists .avia-gallery .avia-gallery-thumb a{width: 50%;} #top .clientResults .flex_column.av_one_full .avia_image{height: 80px;margin: 0px 0px 30px 0px;} #top .clientResults .av-special-heading-tag{margin: 0px 0px 30px 0px;} #top .featuredClients .entry-content-wrapper{padding: 45px 0px 30px 0px;} #top .featuredClients .av-special-heading-tag{margin: 0px 0px 20px 0px;} #top .featuredClients .avia_textblock img{max-height: 44px;} #top .clientResults .flex_column.av_one_half{padding-left: 100px;} #top .clientResults .viewimg .avia_image{width: 150px;} } @media screen and (max-width: 479px) { #top #header .logo img{width: auto;} .responsive #top #wrap_all #header .social_bookmarks{display: block;} #top #header .social_bookmarks li{margin-left: 0px;} .responsive #top #header_main > .container .main_menu .av-main-nav > li > a{padding-left: 0px;} #top #socket{padding: 0px;} #top #socket .copyright, #top #socket .social_bookmarks{width: 100%;text-align: center;} #top .serviceBanner .av-special-heading-tag{font-size: 36px;line-height: 44px;} #top .serviceLists .av-special-heading-tag{font-size: 24px;line-height: 30px;} #top .contactForm .av-special-heading-tag{font-size: 42px;line-height: 50px;} #top .contactForm .av-subheading{margin: 0px;} #top #wrap_all .clientLists .avia-gallery a{padding: 0px 10%;} #top .clientLists .av-special-heading-tag, #top .clientResults .av-special-heading-tag{font-size: 36px;line-height: 40px;} #top .featuredClients .av-special-heading-tag{font-size: 24px;line-height: 30px;} #top .featuredClients .avia_textblock img{max-height: 40px;margin: 15px 0px;} #top .clientResults .flex_column.av_one_half{padding-left: 80px;} #top .clientResults .viewimg .avia_image{width: 130px;} }