@font-face {font-family: "osfont"; src: url("../fonts/osfont/t/f509d6d4c823f2e4df7986c16c16047e.eot"); src: url("../fonts/osfont/t/f509d6d4c823f2e4df7986c16c16047e.eot?#iefix") format("embedded-opentype"), url("../fonts/osfont/t/f509d6d4c823f2e4df7986c16c16047e.woff2") format("woff2"), url("../fonts/osfont/t/f509d6d4c823f2e4df7986c16c16047e.woff") format("woff"), url("../fonts/osfont/t/f509d6d4c823f2e4df7986c16c16047e.ttf") format("truetype"), url("../fonts/osfont/t/f509d6d4c823f2e4df7986c16c16047e.svg#osfont") format("svg"); } .tabs {margin-bottom: 2vw; } .ttm-tabs.ttm-tab-style-classic.style2 ul.tabs li {margin-right: .5vw; margin-bottom: 1vw; margin-top: 1vw; display: inline-block } .ttm-tabs ul.tabs li a {display: block; cursor: pointer; padding: .6vw 2vw; line-height: 1.3vw; width: auto; position: relative; z-index: 3; -webkit-transition: all 0.3s; transition: all 0.3s; font-size: 1vw; font-weight: 500; color: #8b789d; text-transform: uppercase; border: 2px solid #8b789d; border-radius: 3rem; } .ttm-tabs ul.tabs li a.active, .ttm-tabs ul.tabs li a:hover {border: 2px solid #8b789d; background: #8b789d; color: #fff } .bg-section {padding: 10vw 6vw 9vw 7vw; } .bg-section-11 {padding: 4vw 6vw 9vw 6vw; margin-top: 4vw; background:#fbe7ff } .panel{background: rgba(255, 255, 255, 0.9); padding: 2vw 1.5vw; border-radius: 1.3rem; -webkit-box-shadow: 0 5px 3vw 0 rgb(221 206 206 / 40%); box-shadow: 0 5px 3vw 0 rgb(221 206 206 / 40%); border: 0; } .header-article {padding: 8vw 6vw 9vw 8vw; background: #fbe7ff; background-size: cover; background-repeat: no-repeat; height: auto; position: relative; } .header-article:after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; background-color: transparent; background-image: url(../images/curvas_3.svg); background-size: 100vw; background-repeat: no-repeat; background-position: top right; height: 12vw; margin-bottom: -0.7vw; } .header-article h3 {color: #231e41; font-size: 1.2vw; text-align: left; margin-top: 2vw; margin-bottom: 1vw; } .header-article h2 {color: #8b789d; margin: 0 auto; font-size: 2.3vw; text-align: left; margin-top: 2vw; margin-bottom: 2vw; margin-right: 6vw; } .header-article h4 {color: #231e41; margin: 0 auto; font-size: 1.5vw; text-align: left; margin-top: 1.2vw; margin-bottom: 2vw; margin-right: 10vw; } .header-article p {line-height: 2vw; font-family: 'Rubik', sans-serif; color: #6F6F87; } .section-white {background: #fff; padding: 0 6vw 9vw 7vw; margin-bottom: 0.1vw; position: relative; } .tw-latest-post {margin: 0.5vw 1vw; -webkit-box-shadow: 0 5px 3vw 0 rgb(199 189 189 / 40%); box-shadow: 0 5px 3vw 0 rgb(199 189 189 / 40%); cursor: pointer; } .sb-top-bar-frame .sb-top-bar {padding: 0 5vw; } .section-6 {padding: 5vw 7vw; } footer .sb-footer-frame {display: flex; justify-content: space-between; align-items: center; padding: 30px 5vw; } .btn-s1 {border: 2px solid #8b789d; text-align: center; color: #fff!important; background: #8b789d; font-family: 'Rubik', sans-serif; font-size: 1vw; line-height: 2vw!important; border-radius: 3rem; padding: .4vw 1vw; min-width: 12vw; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out } .btn-s1:hover, .btn-s2:hover {border: 2px solid #8b789d; text-align: center; color: #8b789d!important; background: transparent } .title-content {border-bottom: 1px solid #eee; padding-bottom: 1vw; margin-bottom: 1vw; } .title-content p {font-size: 1.2vw; color: #6F6F87; } .field-items-date {color: #8b789d; font-size: 1vw; position: relative; width: 100%; text-align: left; right: 0 } .p-content {clear: both } .p-content p {line-height: 2vw; font-family: 'Rubik', sans-serif; color: #6F6F87 } .mini-social {padding: 0; margin: 0; text-align: right; margin-right: 0vw; margin-top: .5vw } .mini-social li {display: inline-block; margin: 0 } .mini-social a {margin: 0 5px; margin-left: 0; display: block } .bg-section h2 {font-family: 'Rubik', sans-serif; color: #231e41; margin: 0 auto; font-size: 3vw; text-align: left; margin-bottom: 1vw; text-transform: uppercase; } .animate-border {position: relative; display: block; width: 115px; height: 3px; background: #8b789d; margin: 2vw 0; float: left; } .animate-border:after {position: absolute; content: ""; width: 35px; height: 3px; left: 0; bottom: 0; border-left: 10px solid #fff; border-right: 10px solid #fff; -webkit-animation: animborder 2s linear infinite; animation: animborder 2s linear infinite } .animate-border-white {position: relative; display: block; width: 115px; height: 3px; background: #fff; margin: 0 auto; margin-bottom: 2vw } .animate-border-white:after {position: absolute; content: ""; width: 35px; height: 3px; left: 0; bottom: 0; border-left: 10px solid #09132d; border-right: 10px solid #09132d; -webkit-animation: animborder 2s linear infinite; animation: animborder 2s linear infinite } @-webkit-keyframes animborder {0% {-webkit-transform: translateX(0); transform: translateX(0) } 100% {-webkit-transform: translateX(113px); transform: translateX(113px) } } @keyframes animborder {0% {-webkit-transform: translateX(0); transform: translateX(0) } 100% {-webkit-transform: translateX(113px); transform: translateX(113px) } } .animate-border.border-white:after {border-color: #fff } .animate-border.border-yellow:after {border-color: #F5B02E } .animate-border.border-orange:after {border-right-color: #8b789d; border-left-color: #8b789d } .animate-border.border-ash:after {border-right-color: #EEF0EF; border-left-color: #EEF0EF } .animate-border.border-offwhite:after {border-right-color: #F7F9F8; border-left-color: #F7F9F8 } .etiquetas {float: left; width: 100%; margin-bottom: 1vw; } .p-content {padding: 4.5vw 0 0 0; padding-left: 0; padding-right: 0; text-align: justify; } .p-content img {width: 100%; max-width: 100%!important; } .both {clear: both; } .img-article {margin-bottom: 30px; float: left; vertical-align: middle; margin-right: 20px; width: 290px!important; } .p-content a {color: #8b789d!important; } .p-content strong {color: #212529; } .m-icon {width: 2.3vw; height: 2.3vw; background-size: 2.3vw 2.3vw; background-position: center; background-repeat: no-repeat; border-radius: 50%; cursor: pointer; } .facebook {background-image: url(../images/fb.png); } .twitter {background-image: url(../images/tw.png); } .whatsapp {background-image: url(../images/ws.png); } .latest-post-media img {height: 17vw; } @media (max-width: 762px) {select {display: block; width: 100%; height: 7vw!important; padding: 9px 12px!important; padding-right: 13vw!important; margin-bottom: 3vw; font-size: 1.5vw; line-height: 15px; border: 1px solid #8b789d!important; border-radius: 0.5rem!important; color: #fff!important; background: url(../images/down-arrow.png) #8b789d!important; background-position: 95% 60%!important; background-repeat: no-repeat!important; -webkit-appearance: none; } .section-6 {padding: 5vw 7vw; } .sb-top-bar-frame .sb-top-bar {padding: 0 30px; } .post-date {width: 9.5vw; height: 9.5vw; font-size: 2.5vw; padding-top: 1vw } .post-date .month {display: block; font-weight: 300; font-size: 2vw; margin-top: -.8vw } .post-item-date:before {position: absolute; top: 0; left: 50%; content: ""; width: 1px; height: 18vw } .post-item-date:after {position: absolute; top: 17vw; width: 14px; height: 14px; content: ""; left: 50%; margin-left: -7px; border-radius: 50%; border: 2px solid #DCDCDC } .btn-s1, .btn-s2, .button-register {font-size: 2vw; line-height: 7.5vw!important; padding: 0.1vw 5vw; margin-bottom: 4vw; } .m-icon {width: 3.8vw; height: 3.8vw; background-size: 3.8vw 3.8vw; margin-top: 1.5vw; } .latest-post-media img {height: auto; } } @media (max-width: 490px) {body {font-size: 3.5vw; } .etiquetas {margin-bottom: 4vw; } .post-info .post-title {margin: 3vw 0px; } .bg-section {padding: 31vw 0 9vw 0; } .btn-s1, .btn-s2, .button-register {font-size: 3vw; line-height: 7.5vw!important; padding: 1.2vw 7vw; margin-bottom: 13vw; } .btn-s1, .btn-s2 {min-width: 48vw; } .post-date {width: 15.5vw; height: 15.5vw; font-size: 3.5vw; padding-top: 1vw; } .post-date .month {display: block; font-weight: 300; font-size: 14px; margin-top: -4px; } .post-item-date:after {position: absolute; top: 25vw; width: 14px } .post-item-date:before {height: 25vw } .post-item-date {position: absolute; height: 100%; top: 5vw; left: 4vw } select {display: block; width: 100%; height: 13vw!important; padding: 9px 12px!important; padding-right: 13vw!important; margin-bottom: 5vw; font-size: 3.5vw; line-height: 15px; border: 1px solid #8b789d!important; border-radius: 3rem!important; color: #fff!important; background: url(../images/down-arrow.png) #8b789d!important; background-position: 95% 60%!important; background-repeat: no-repeat!important; -webkit-appearance: none; } .panel .form-control {display: block; width: 100%; padding: 6px 12px!important; font-size: 3.5vw; line-height: 1.42857143; box-shadow: none!important; background: #f3f3f3!important; color: #6F6F87!important; border: 1px solid hsl(240deg 21% 82% / 43%)!important; border-radius: 4px!important; } .panel select{-webkit-appearance: auto!important; } .bg-section {padding: 31vw 0 9vw 0; } .bg-section {padding: 31vw 0 9vw 0; } .header-article {padding: 31vw 6vw 9vw 8vw; } .header-article h3 {font-size: 3.5vw; margin-bottom: 4vw; } .header-article h2 {font-size: 6.3vw; } .section-white {padding: 0vw 0 9vw 0; } .animate-border {margin: 0 auto; margin-bottom: 9vw; float: none; } .p-content p {line-height: 7vw; text-align: left; } .m-icon {width: 6.3vw; height: 6.3vw; background-size: 6.3vw 6.3vw; margin-top: 3vw; } .latest-post-media img {height: auto; } .tw-latest-post {margin: 0.5vw 1vw 5vw 1vw; } } @media (min-width: 1200px) {.hidden-lg {display: none!important; } } @media (max-width: 762px) {.hidden-xs {display: none!important; } } @media (max-width: 460px) {.bg-section h2 {font-size: 30px; margin-bottom: 15px; text-align: center; } } .modal-open .modal {z-index: 9999; background: rgb(35 30 65 / 86%); } .modal-content {background: #8b789d; border-radius: 0.7rem; padding: 1vw; box-shadow: none; border: none; } .modal-lg .modal-content {background: #fff; border-radius: 1.5rem; padding: 1.8vw; box-shadow: 0 5px 3vw 0 rgb(199 189 189 / 40%); border: none; } .modal-lg .modal-header {padding: 1vw; } .modal-lg .modal-content .modal-body {padding: 0.5rem; text-align: justify; } .img-modal {width: 38%; margin-top: 0px; margin-bottom: 2vw; } .p1 {font-size: 1.5vw; color: #fff; font-weight: 700; } .p-2 {font-size: 1vw; color: #fff; } .btn-model {font-style: normal; text-align: center; text-decoration: none; color: #8b789d; background: #fff; border: 2px solid #fff; cursor: pointer; font-size: 16px; font-size: 1vw; line-height: 24px; line-height: 3.3vw; padding: 1vw 2vw; border-radius: 3rem; margin-bottom: 1vw; text-transform: uppercase; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; } .btn-model:hover {color: #fff; background: #8b789d; } .modal-header {padding: 4px; text-align: right; min-height: 16.43px; border-bottom: none; position: relative; } .modal-header button {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; font-weight: 400; position: absolute; right: 0; z-index: 999; } .btn-close {font-size: 2vw; color: #fff; } .modal-content input[type="text"], .modal-content input[type="email"] {background: transparent; border: 1.5px solid rgba(255, 255, 255, 0.5)!important; color: #fff; padding: 1.3rem; box-shadow: none; } .modal-content ::-webkit-input-placeholder {color: #fff!important } .modal-content :-ms-input-placeholder {color: #fff!important } .modal-content ::placeholder {color: #fff!important } @media (max-width: 762px) {.p-2 {font-size: 4vw; text-align: center; } .modal-content input[type="text"], .modal-content input[type="email"] {margin-bottom: 10vw; } .p1 {font-size: 4.6vw; text-align: center; } .btn-model {font-size: 3vw; padding: 3.5vw 10vw; margin-top: 5vw; } .btn-close {font-size: 9vw!important; } .img-modal {width: 40%; margin-top: 0px; margin-bottom: 7vw; } } @media (max-width: 490px) {.register-form {left: 10.5vw; } } .os-icon {font-family: 'osfont'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .os-icon-thin-clock-busy:before {content: "\e63b"; } .os-icon-thin-serve:before {content: "\e602"; } .os-icon-thin-cook:before {content: "\e603"; } .os-icon-thin-paper-holes-text:before {content: "\e646"; } .os-icon-thin-paper-list:before {content: "\e60a"; } .carousel {margin-bottom: 10px; } .single-ingredients {background-color: #ebe2ed; padding: 3vw; margin-bottom: 40px; border-radius: 6px; } .single-ingredients ul>li:before {content: "\f22d"; font-family: 'osfont'; color: #e8c5ef; font-size: 22px; margin-top: 11px; margin-right: 4px; } .single-ingredients ul>li {border-bottom: 1.5px solid #e8c5ef; position: relative; padding: 10px 20px 10px 0px; font-size: 14px; font-weight: 400; } .single-ingredients ul>li:last-child {border-bottom: none; } .single-steps {padding: 3vw 1vw; } .single-steps ol>li {position: relative; padding: 10px 20px 10px 0px; margin-left: 13px; font-weight: 400; } .single-steps ol>li::marker {font-size: 48px; line-height: 62px; font-weight: 700; color: #8b789d; } .quick-description-quote {font-size: 27px; line-height: 1.4; padding: 70px 80px; font-style: italic; position: relative; margin-top: 8vw; z-index: 1; text-align: center; } .quick-description-quote:before {font-family: 'osfont'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; left: 40px; top: 30px; content: "\f10d"; font-size: 150px; color: #ebe2ed; z-index: -1; } .quick-description-quote:after {font-family: 'osfont'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; bottom: 30px; right: 40px; content: "\f10e"; font-size: 150px; color: #ebe2ed; z-index: -1; } .single-meta {background-color: #ebe2ed; padding: 10px 0px; margin-bottom: 30px; border-radius: 6px; } .single-meta ul {list-style: none; padding: 0px; text-align: center; } .single-meta ul li {font-weight: 400; font-size: 16px; display: inline-block; border-right: 1px solid #e8c5ef; padding: 10px 30px; } .single-meta ul li:last-child {border-right: none; } .sb-h33 {line-height: 120%; font-size: 24px; margin-bottom: 10px; letter-spacing: -1px; } @media(max-width: 480px) {.quick-description-quote {padding: 62px 10px; margin-top: 10px; } .quick-description-quote:before {left: 10px; top: 20px; font-size: 70px; } .quick-description-quote:after {right: 10px; bottom: 40px; font-size: 70px; } .single-ingredients {padding: 7vw 2vw; } .single-steps {padding: 1vw; } .single-meta ul li {font-size: 16px; display: block; padding: 10px 10px; border-right: none; border-bottom: 1px solid #e8c5ef; } .single-meta ul li:last-child{border-bottom: none; } .single-steps ol>li {margin-left: 16px; } .single-meta {margin-bottom: 20px; } .header-article p {line-height: 6vw; } .modal-lg .modal-content {padding: 5vw; } } .video iframe {margin: 0 auto; border: 0; top: 18.2px; height: 40vw; width: 100%; } @media (max-width: 764px) {.video iframe {height: 35vw; } } @media (max-width: 498px) {.video iframe {margin: 0 auto; border: 0; top: 18.2px; height: 100vw; width: 100%; } .mini-social {margin-bottom: 9vw; } .bg-section-11 {padding: 14vw 0vw 9vw 0vw; margin-top: 4vw; } .panel {padding: 6vw 4.5vw; } } .featured-icon-box{clear: both; margin: 20px 0px; border-bottom: 1px solid rgba(0,0,0,0.1); } .featured-icon-box:last-child{border-bottom: none; } .featured-icon-box.left-icon.icon-align-top .featured-icon {vertical-align: top; padding-top: 0px; float: left; margin-right: 2vw; margin-bottom: 2vw; min-height: 70px; } .featured-icon-box.left-icon .featured-content {padding-left: 24px; } .ttm-icon.ttm-icon_element-style-round {border-radius: 50%; } .featured-icon-box .ttm-icon {margin-bottom: 0px; } .ttm-icon {margin-bottom: 35px; display: inline-block; text-align: center; border: 1px solid transparent; position: relative; transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; box-sizing: content-box; position: relative; background-color: #8b789d; width: 2.8vw; height: 2.8vw; color: #fff; font-size: 1vw; line-height: 2.8vw; cursor: pointer; } .content-workshop ul li::before, .video-content ul li::before {content: ''; display: inline-block; height: 20px; width: 20px; margin-right: 10px; background-repeat: no-repeat; background-position: center; background-size: 16px 16px; background-image: url(https://veruscake.com/onepage/assets/images/cupcake-1.png); } .single-meta ul li::before{display: none; } @media (max-width: 498px) {.video-content {padding: 0px; } .ttm-icon {width: 10vw; height: 10vw; font-size: 4vw; line-height: 10vw; } }