/* Theme Name: Enfold Child 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: enfold */ /*Add your own styles here:*/ @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&display=swap'); /*top menu */ #header_meta .sub_menu ul li{ border-right-width: 0; } #header_meta .sub_menu ul li[class*="top-"] a{ padding-left: 20px; } #header_meta .sub_menu ul li a{ color: #444; } #header_meta .sub_menu ul li a:hover{ color: #444; } /*mail icon top menu*/ #header_meta .sub_menu ul li.top-mail:before{ content: ""; background-image: url('media/envelope.png'); background-repeat: no-repeat; background-size: 16px; position: absolute; height: 16px; width: 16px; top: -3px; } /*mail icon top menu*/ #header_meta .sub_menu ul li.top-adres:before{ content: ""; background-image: url('media/location.png'); background-repeat: no-repeat; background-size: 16px; position: absolute; height: 16px; width: 16px; top: -3px; } /*mail icon top menu*/ #header_meta .sub_menu ul li.top-phone:before{ content: ""; background-image: url('media/phone.png'); background-repeat: no-repeat; background-size: 16px; position: absolute; height: 16px; width: 16px; top: -3px; } /*responsive*/ @media (max-width: 760px){ .social_bookmarks{ display: none; } } /*wpml top menu*/ .avia_wpml_language_switch{ display: none; } #lang_sel_list ul li a.lang_sel_sel:after{ content: ""; border-bottom: 1px solid #777; display: block; } #lang_sel_list ul li a{ padding-right: 5px; border-right: 1px solid #777; } #lang_sel_list ul li:last-child a{ padding-right: 0; border-right: 0; } #lang_sel_list{ float: right; font-family: inherit; font-weight: bold; padding: 9px 0; height: 0; } #lang_sel_list ul li a{ background-color: inherit; } #advanced_menu_toggle, #advanced_menu_hide{ display: none;} .container{ padding: 0px 30px;} #top #header{ position: absolute;} .header_bg{ display: none;} #home-banner{ background-size: 100% auto;} .header_color .container_wrap_meta{ background: none;} .header_color #header_meta .phone-info{ padding: 0; font-size: 14px; color: #fff; font-weight: normal;} .header_color #header_meta .phone-info .review-count{ font-size: 25px; font-weight: 700; text-transform: uppercase; padding: 0 105px 7px 7px; margin-right: 7px; background: url(images/review-stars.png) no-repeat center right; } .header_color #header_meta .phone-info a{ color: #fff;} .header_color #header_meta .review-text{ position: relative;} .header_color #header_meta .review-text:after{ content: "";position: absolute; width: 36px; height: 20px; background: url(images/review-arrow.png) no-repeat bottom right; bottom: -23px; right: 0;} .phone-info span{ line-height: 20px;} #header_meta .container{ min-height: auto;} #header_meta .sub_menu ul li a{ color: #fff; padding: 0; font-size: 16px; font-weight: 700; text-transform: uppercase;} #header_meta{margin-bottom: 26px; margin-top: 9px;} .header_color .sub_menu > ul > li > a, .header_color .sub_menu > div > ul > li > a, .header_color .main_menu ul:first-child > li > a, #top .header_color .main_menu .menu ul .current_page_item > a, #top .header_color .main_menu .menu ul .current-menu-item > a, #top .header_color .sub_menu li ul a{ color: #fff;} #top .header_color .sub_menu ul li a:hover, .header_color .sub_menu ul:first-child > li.current-menu-item > a, .header_color .sub_menu ul:first-child > li.current_page_item > a, .header_color .sub_menu ul:first-child > li.active-parent-item > a{ color: #fff;} .av-main-nav > li > a{font-weight: 700; font-size: 16px; padding: 0 18px; text-transform: uppercase; border: solid 2px transparent;} .header_color .av-subnav-menu a:hover, .header_color .main_menu ul:first-child > li a:hover, .header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a, .header_color .main_menu ul:first-child > li.active-parent-item > a{color: #fff; text-decoration: underline;} #top #header_main > .container, #top #header_main > .container .main_menu .av-main-nav > li > a, #top #header_main #menu-item-shop .cart_dropdown_link{height: 40px !important; line-height: 37px !important;} .av-main-nav > li.menu-button > a { text-decoration: none !important; border-color: #fff; padding: 0 30px;} .logo{ height: 97px; margin-top: -40px;} .special_amp{ font-size: 100%; font-family: 'playfair display'; font-style: normal; } #home-banner{ background-size: cover;} #home-banner .content{ padding-top: 270px; position: relative;} #home-banner .content:after{ background: #fff; height: 46px;width: 1px; position: absolute; bottom: 0; left: 50%; content: "";} #home-banner .av-special-heading h1.av-special-heading-tag { font-size: 57px; font-weight: 900; color: #fff; line-height: 1.2; text-transform: uppercase; letter-spacing: 1;} #home-banner .av-special-heading h1.av-special-heading-tag .special_amp{font-size: 100%; font-weight: 900; color: #fff; line-height: 1.2;} #home-banner .avia_textblock { text-align: center; color: #fff; font-size: 30px; line-height: 1.5;} #home-banner .avia_textblock ul{ margin: 50px 0 0 0; list-style-type: none;} #home-banner .avia_textblock ul li{ margin-left: 0; padding-left: 30px; margin-right: 30px; display: inline; background: url(images/checkmarks.png) no-repeat left center;} #home-banner .avia_textblock ul li:last-child{ margin-right: 0;} #home-banner .follow-us{ float: right; margin-right: 20px; margin-top: 110px; color: #fff; font-size: 27px; } #home-banner .follow-us span{ position: relative; padding-right: 10px} #home-banner .follow-us span:after{ content: "";position: absolute; width: 36px; height: 20px; background: url(images/review-arrow.png) no-repeat bottom right; bottom: -8px; right: -29px;} #home-banner .follow-us img{ margin: 0 10px; top: -10px; position: relative;} #home-banner .follow-us span.image-overlay { display: none;} .banner-scroll{ float: left; width: 100%; text-align: center;} .av-special-heading h2.av-special-heading-tag { font-size: 53px; color: #798f86; letter-spacing: 0; text-transform: none; font-weight: 800; margin-bottom: 20px;} #top .avia-button.avia-color-dark{border: 2px solid #8b1120; color: #8b1120 } body div .avia-button{border-radius: 0; font-size: 19px; font-weight: bold; color: #8b1120; text-transform: uppercase; padding: 12px 35px;} .avia-button.avia-size-medium{font-size: 19px; font-weight: bold; padding: 12px 35px;} .avia-button.avia-size-small{font-size: 16px;} #dievita-online .avia_textblock a{ font-style: italic;} #top #dievita-online .avia-button.avia-color-dark.avia-size-medium{border: 2px solid #8ab3ab; color: #455f55;padding: 7px 38px; font-size: 16px;} #dievita-online .avia-button-wrap{ margin-top: 20px;} .anika-surname{ color: #576f66; position: absolute; left: -175px;top: -12px;} .anika-surname:after{ width: 40px; height: 22px; top: -18px; content: ""; position: absolute; background: url(images/arrow-top.png) no-repeat center center; right: -30px;} #methods .av-special-heading{ float: left; width: auto;} .single_toggle{margin: 0 0 5px 0; overflow: visible;} .single_toggle .toggler, .single_toggle .toggler:hover{ background: none; border: solid 2px #fff; color: #fff; font-size: 21px; font-weight: bold; padding: 12px 35px; position: relative;} .single_toggle .toggler.activeTitle, .single_toggle .toggler.activeTitle:hover{ background: #fff; color: #798f86;} .main_color .toggle_content{ padding:0 35px 12px; background: #fff;} .main_color .toggle_content p:first-child{ margin-top: 0;} .toggle_icon{right: 30px; border: none; width: 15px; height: 15px; background: url(images/toggle-arrow.png) no-repeat left top; left: auto; margin-top: -4px;} .toggle_icon span{ display: none;} .toggler.activeTitle .toggle_icon{ background-position: left bottom; margin-top: -9px;} .single_toggle .toggler:before{ background: #f1f1f1; width: 37px; height: 37px; color: #798f86; font-size: 21px; text-align: center; line-height: 1; content: ' 1 '; position: absolute; left: -17px; top: 10px; border-radius: 100%; font-weight: normal; padding-top: 4px; box-sizing: border-box;} .toggle_content ul{ margin-left: 0; color: #798f86 } #methods section:nth-child(2) .single_toggle .toggler:before{content: ' 2 ';} #methods section:nth-child(3) .single_toggle .toggler:before{content: ' 3 ';} #methods section:nth-child(4) .single_toggle .toggler:before{content: ' 4 ';} #methods section:nth-child(5) .single_toggle .toggler:before{content: ' 5 ';} #methods section:nth-child(6) .single_toggle .toggler:before{content: ' 6 ';} #methods section:nth-child(7) .single_toggle .toggler:before{content: ' 7 ';} #methods section:nth-child(8) .single_toggle .toggler:before{content: ' 8 ';} #methods section:nth-child(9) .single_toggle .toggler:before{content: ' 9 ';} #methods section:nth-child(10) .single_toggle .toggler:before{content: ' 10 ';} #methods .content:after{ background: #fff; height: 46px;width: 1px; position: absolute; bottom: 0; left: 50%; content: "";} #methods .content:before{ background: #fff; height: 46px;width: 1px; position: absolute; top: 0; left: 50%; content: "";} #packages{ background-size: cover;} #packages .content:before{ background: #fff; height: 46px;width: 1px; position: absolute; top: 0; left: 50%; content: "";} #packages .av_one_full .av-special-heading{ float: left; width: auto;} #packages .flex_column.av_one_third { background: #fff; padding: 20px; margin-left: 2%; width: 32%; border: solid 2px #fff;} #packages .flex_column.av_one_third.first{ margin-left: 0;} #packages .flex_column.av_one_third:nth-child(3){ border: solid 2px #8b1120;} #packages .flex_column.av_one_third.column-top-margin{ margin-top: 40px;} #packages h3.av-special-heading-tag { color: #798f86; font-size: 26px; font-weight: bold; margin-bottom: 20px;} #packages h3.av-special-heading-tag .most-sold{ color: #811f2c; font-size: 18px; padding-left: 20px; float: right; margin-top: -12px; background: url(images/most-sold-star.png) no-repeat left center;} #packages .avia_textblock ul{ color: #798f86; font-size: 18px; margin-left: 0; list-style-type: none;} #packages .avia_textblock ul li{ margin-left: 0; padding:8px 0 8px 25px; background: url(images/checkmarks1.png) no-repeat left 17px;} #packages .packages-notes{ color: #798f86; font-size: 14px; line-height: 1.5; padding-left: 25px; padding-bottom: 15px;} #packages .avia_codeblock { text-align: center; color: #8b1120; font-size: 37px; font-weight: bold; padding-bottom: 20px;} #packages .avia_codeblock span{ color: #798f86; font-size: 21px; font-weight: normal;} #packages .yourchoice-label{ color: #798f86; font-size: 18px; padding-bottom: 10px;} #packages .yourchoice ol{ margin-left: 0; margin-bottom: 10px; background: #798f86;} #packages .yourchoice ol li{ padding:8px 10px 8px 0; color: #fff; margin-bottom: 1px; margin-left: 37px; position: relative; line-height: 1.5;} #packages .yourchoice ol li:after{ background: #fff; width: calc(100% + 37px); left: -37px; bottom: 0; height: 2px; content: ''; position: absolute;} .view-example{ border: solid 1px #dde3e1; padding: 20px; display: flex; align-items: center; margin-bottom: 15px;} .view-example a{ color: #696969; text-decoration: underline; padding-left: 35px; display: inline-block;} #packages .flex_column.av_one_third .avia_textblock { min-height: 550px;} #packages .flex_column.av_one_third .avia_textblock p:first-child{ margin-top: 0;} #top #contact .gform_wrapper ul li.gfield{ margin: 0; padding: 0 0 2% 0 ; width: 49%; margin-right: 2%; float: left; clear: none} #top #contact .gform_wrapper ul li.gfield:nth-child(2n + 2){ margin-right: 0;} #top #contact .gform_wrapper ul li.gfield.full { width: 100%;} body #contact .gform_wrapper .top_label div.ginput_container{margin-top: 0;} #contact .gform_wrapper{margin-bottom: 0; margin-top: 0;} #top .main_color .input-text, #top .main_color input[type="text"], #top .main_color input[type="input"], #top .main_color input[type="password"], #top .main_color input[type="email"], #top .main_color input[type="number"], #top .main_color input[type="url"], #top .main_color input[type="tel"], #top .main_color input[type="search"], #top .main_color textarea, #top .main_color select{ font-size: 19px; color: #696969; border: solid 1px #e1e1e1; background: #f8f8f8; box-shadow: none !important; font-family: 'playfair display'; padding: 11px 15px; } #top #contact.main_color textarea{ height: 200px; margin: 0;} #contact .gform_wrapper .gform_footer{ text-align: right;} #contact .gform_wrapper .gform_footer input.button, #contact .gform_wrapper .gform_footer input[type="submit"] { margin-right: 0; border: solid 2px #8b1120; background: none; color: #8b1120; text-transform: uppercase; padding: 10px 32px; font-family: 'playfair display';} .gform_ajax_spinner{ display: none !important;} .gform_wrapper .validation_message{ display: none;} #top .gform_wrapper li.gfield.gfield_error, #top .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning{ background: none !important; border: none !important; margin-bottom: 0 !important;} #contact .av-special-heading h2.av-special-heading-tag{ margin-bottom: 50px;} .avia-image-container-inner, .avia_image, .av-image-caption-overlay{border-radius: 0;} #footer{ padding: 0;} #footer.container_wrap, #socket.container_wrap{ border: none;} #footer .container{max-width: 1210px; padding: 0; border-top: 4px solid #f5f5f5;} #socket .copyright, #socket .copyright a{ font-size: 14px; color: #576f66; text-decoration: none;} #socket .copyright a:hover{ color: #576f66; text-decoration: underline;} #socket .copyright img{ vertical-align: middle; margin-left: 35px;} #footer .av_one_third{margin-left: 2%; width: 32%;} #footer .av_one_third.first {margin-left: 0; width: 25%;} #footer .av_one_third:nth-child(2){width: 39%;} #footer .footer-whatsapp{ float: left; padding: 0 0 0 43px; font-size: 20px; color: #576f66; background: url(images/whatsapp-footer.png) no-repeat left 2px;} #footer .footer-whatsapp span { font-size: 14px; position: relative; top: -5px;} #footer .footer-email{ padding: 0 0 0 35px; float: left; background: url(images/email-footer.png) no-repeat left center; margin-left: 40px} #footer .footer-email a{font-size: 20px; color: #576f66;} #footer .widget{ overflow: visible;} .footer-social { float: right;} .footer-social-label{ padding-top: 20px; display: inline-block; font-size: 27px; color: #576f66; right: -20px;position: relative;} .footer-social-label:after{ width: 36px; height: 20px; content: ""; position: absolute; right: -43px; bottom: -9px; background: url(images/footer-social-arrow.png) no-repeat;} .footer-social a{ padding: 0 10px; top: -25px; position: relative;} .inner-banner{ height: 214px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url(images/inner-banner.jpg)} .page-template-user-template .entry-content-header, .page-template-template-login .entry-content-header{ display: none;} .inner-patge-title{ font-size: 23px; color: #798f86; font-weight: bold; margin-bottom: 30px;} .client-area-left{ float: left; width: 265px;} .client-area-right{ float: right; width: calc(100% - 295px);} .client-area-left ul{ margin: 0;} .client-area-left ul li{ margin: 0 0 10px 0; display: inline-block; width: 100%;} .client-area-left ul li a{ background: #798f86; color: #fff; text-align: center; width: 100%; padding: 8px 20px; display: inline-block;} .client-area-left ul li a:hover{color: #fff; opacity: 0.85; text-decoration: none;} ul.document-list{ margin-left: 0;} ul.document-list li{ margin: 0 0 10px 0 ; border: solid 2px #cfd7d3; padding: 10px 35px; color: #525252;} ul.document-list li a, ul.document-list li a:hover{color: #525252; text-decoration: none;} .user-login{ float: right; padding-left: 35px; background: url(images/user-icon.png) no-repeat left 6px; min-height: 40px; margin-left: 33px; color: #fff;line-height: 1.2; padding-top: 8px; font-weight: bold; font-size: 16px; text-transform: uppercase;} .user-login a{ color: #fff; font-size: 13px; display: block; text-decoration: underline;} .user-login a:hover{color: #fff; text-decoration: none;} .main_menu{float: right; position: inherit;} .page-template-template-login .inner-container-login{ max-width: 450px; margin: 0 auto;} #user-information table.form-table, .main_color #user-information tr:nth-child(2n+1), .main_color #user-information .pricing-table > li:nth-child(2n+1), .main_color #user-information .pricing-extra{ background: none;} #user-information table.form-table th, #user-information table.form-table td{ vertical-align: top; border: none;} #user-information table.form-table th label{ font-size: 16px; font-weight: normal; letter-spacing:normal; text-transform: none;} #top .main_color #user-information .input-text, #top .main_color #user-information input[type="text"], #top .main_color #user-information input[type="input"], #top .main_color #user-information input[type="password"], #top .main_color #user-information input[type="email"], #top .main_color #user-information input[type="number"], #top .main_color #user-information input[type="url"], #top .main_color #user-information input[type="tel"], #top .main_color #user-information input[type="search"], #top .main_color #user-information textarea, #top .main_color #user-information select{ margin-bottom: 0;} #top .main_color #user-information input::-webkit-outer-spin-button, #top .main_color #user-information input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;} #top .main_color #user-information input[type=number] { -moz-appearance: textfield;} #top .main_color #user-information input[type="submit"]{ background: #798f86; padding: 8px 20px; color: #fff; font-size: 20px; font-family:'playfair display';} @media screen and (max-width:1279px){ #home-banner .av-special-heading h1.av-special-heading-tag{font-size: 42px;} #home-banner .avia_textblock{font-size: 24px;} #home-banner .follow-us{font-size: 22px;} .av-special-heading h2.av-special-heading-tag{font-size: 43px; margin-bottom: 10px;} #packages .flex_column.av_one_third{padding: 10px} #packages .yourchoice ol li{ line-height: 1.3;} #packages .avia_textblock ul li{ line-height: 1.3;} #packages .avia-button.avia-size-medium{ padding: 12px 0; width: 100%; font-size: 18px;} #packages .avia_codeblock{font-size: 30px;} #packages .avia_codeblock span{font-size: 18px;} #packages .flex_column.av_one_third .avia_textblock { min-height: 710px;} #packages h3.av-special-heading-tag{margin-bottom: 10px;} #footer .container{padding: 0 30px;} #socket .copyright img{margin-left: 15px;} #footer .footer-whatsapp, #footer .footer-email a{ font-size: 18px;} #footer .footer-email{margin-left: 25px;} #footer .av_one_third{width: 36%;} #footer .av_one_third.first{width: 18%;} #footer .av_one_third:nth-child(2){width: 42%;} .footer-social a{padding: 0 7px;} } @media screen and (max-width:1024px){ body, body .avia-tooltip{font-size: 17px;} .responsive .logo{width: 160px; height: 63px; margin-top: -11px;} #home-banner .content{padding-top: 170px;} #home-banner .av-special-heading h1.av-special-heading-tag { font-size: 32px;} #home-banner .avia_textblock { font-size: 20px;} #home-banner .avia_textblock ul{margin: 20px 0 0 0;} #home-banner .follow-us{margin-top: 60px;} .av-special-heading h2.av-special-heading-tag{font-size: 38px;} .anika-surname{ display: none;} #packages .avia_textblock ul{font-size: 17px;} .view-example{display: block; text-align: center; padding: 15px;} .view-example a{padding-left: 0;} #packages .avia_codeblock{font-size: 26px;} #packages .avia_codeblock span { font-size: 16px;} #packages h3.av-special-heading-tag .most-sold{margin-top: 0;} #packages h3.av-special-heading-tag{min-height: 38px;} #packages .flex_column.av_one_third .avia_textblock { min-height: 850px;} #footer .footer-email{margin-left: 0; margin-top: 5px;} .footer-social-label{display: block; right: 0; padding-top: 0;} .footer-social-label::after{ display: none;} .footer-social a{top: 20px;} .footer-whatsapp{display: block; width: 100%;} #footer .av_one_third.first{width: 23%;} #footer .av_one_third:nth-child(2){width: 32%;} #socket .copyright{text-align: center;} #socket .copyright img{margin-left: 0;} .avia-section-large .content, .avia-section-large .sidebar, .content, .sidebar{padding-top: 40px; padding-bottom: 40px;} #contact .av-special-heading h2.av-special-heading-tag{margin-bottom: 30px;} #contact .av_three_fifth{ width: 100%;} #contact .av_two_fifth{ display: none;} .client-area-right{width: calc(100% - 240px);} .client-area-left{width: 210px;} ul.document-list li strong{ display: inline-block} .header_color #header_meta .review-text::after{ display: none;} } @media screen and (max-width:767px){ .responsive #top #wrap_all #header{position: absolute;} .responsive #header #header_meta .sub_menu{ display: none;} .responsive #top #wrap_all .container{width: 90%; max-width: 90%;} .responsive #top .logo{ width: 206px; float: left;} .responsive #top #wrap_all .main_menu{ position: relative; } #home-banner .av-special-heading h1.av-special-heading-tag { font-size: 28px;} #home-banner .avia_textblock ul li{display: inline-block; padding-left: 29px; margin-right: 10px; font-size: 18px;} .av-special-heading h2.av-special-heading-tag{font-size: 30px; margin-bottom: 0;} #packages .flex_column.av_one_third .avia_textblock{min-height: auto;} #footer .container{ padding-top: 20px;} #footer .widget{margin:5px 0;} .footer-social{float: left;} #contact .content { padding-bottom: 0;} .togglecontainer{margin: 30px 0; float: left; width: 100%;} .client-area-right{width: 100%;} .client-area-left{width: 100%;} .client-area-left ul li a{padding: 4px 20px;} ul.document-list li{ padding: 5px 20px;} .inner-patge-title{margin-bottom: 20px;} } @media screen and (max-width:567px){ .user-login{margin-left: 20px;} .responsive #top .logo{ width: 185px;} .responsive .logo img{max-height: 70px;} #home-banner .av-special-heading h1.av-special-heading-tag{font-size: 20px; } #home-banner .avia_textblock{font-size: 16px;} #home-banner .avia_textblock ul li{ font-size: 16px;} #home-banner .follow-us{margin-top: 40px;margin-bottom: 20px;} .single_toggle .toggler, .single_toggle .toggler:hover{font-size: 17px; line-height: 1.2; padding: 12px 30px;} .toggle_icon{right: 12px;} .single_toggle .toggler::before{top: 50%; margin-top: -19px;} #top #contact .gform_wrapper ul li.gfield{width: 100%;} .avia-section-large .content, .avia-section-large .sidebar, .content, .sidebar{ padding-top: 30px; padding-bottom: 30px;} #home-banner .content::after, #methods .content::before, #methods .content::after, #packages .content::before{height: 30px;} #user-information table.form-table th, #user-information table.form-table td{ float: left; width: 100%; padding-left: 0; padding-right: 0;} #user-information table.form-table th{ padding-bottom: 0;} }