/*
Theme Name: Chocolates Ritzmann
Theme URI: http://agenciaalvocerto.com.br
Description: Agência AlvoCerto
Version: 1.0
Tags: site
Author: Henryson Vieira
*/

@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

html{scroll-behavior: smooth;}
body{font-family: 'Open Sans', sans-serif; font-weight: 400; color: #555; min-height: 100vh; background: rgba(226,144,55,0.08); overflow-x: hidden; overflow-y: visible;}

a{color: #666; transition: .3s}
a, a:hover{text-decoration: none; color: #0f224d;}

img{display: block; max-width: 100%;}

h1, h2, h3, h4, h5, h6{
	font-family: "Dancing Script", cursive;
	font-weight: 400;
	color: #333;
}

section{position: relative; padding: 90px 0; overflow: hidden;}

*{outline: none;}

.container-fluid{
	max-width: 1400px;
}

.title-primary, .page-template h1, .single h1{color: #492d19;}
.title-primary span, .page-template h1 span, .single h1 span{display: block; font-family: 'Open Sans', sans-serif; color: #e29037; text-transform: uppercase;}

.line, .line-vertical{position: relative; background: #e29037;}
.line{width: 100%; max-width: 850px; height: 2px;}
.line-vertical{width: 2px; height: auto; align-self: stretch;}
.line::before, .line-vertical::before, .line::after, .line-vertical::after{content: ""; display: block; position: absolute; width: 20px; height: 20px; background: url('../img/flower-line.svg') no-repeat center; background-size: 100% auto;}
.line::before{top: calc(50% - 10px); left: -2px;}
.line::after{top: calc(50% - 10px); right: -2px; transform: rotate(180deg);}
.line-vertical::before{top: -2px; left: calc(50% - 10px); transform: rotate(90deg);}
.line-vertical::after{bottom: -2px; left: calc(50% - 10px); transform: rotate(270deg);}

.line.line-section{width: calc(100% - 2rem); margin: 0 1rem 1rem;}

.btn-primary{display: inline-flex; cursor: pointer; background: none; -webkit-appearance: none; box-shadow: none;}
.btn-primary span{display: block; background: #e4262a; color: #FFF; border: 2px solid #FFF; transition: .6s; box-shadow: 9px 9px 14px 0px rgba(0,0,0,0.3);}
.btn-primary:hover, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):active{background: none; outline: none; box-shadow: none !important;}
.btn-primary:hover span, .btn-primary:focus span, .btn-primary:not(:disabled):not(.disabled):active span{background: #cd060a; border-color: #e29037; color: #fff; outline: none; box-shadow: 9px 9px 14px 0px rgba(0,0,0,0.3);}

figure.moldure{display: block; position: relative; background: #FFF; padding: 10px; margin: 0 auto;}
figure.moldure .photo{display: block; width: 100%;}
figure.moldure .icon-r{display: block; position: absolute; height: auto;}
figure.moldure::before, figure.moldure::after{content: ""; display: block; position: absolute; width: 80%; height: 65%;}
figure.moldure::before{top: 0; right: 0; border-top: 1px solid #492d19; border-right: 1px solid #492d19;}
figure.moldure::after{bottom: 0; left: 0; border-bottom: 1px solid #492d19; border-left: 1px solid #492d19;}

.ratio-short{position: relative; z-index: 20; aspect-ratio: 9 / 16; width: 100%; max-width: 420px; margin: 0 auto;}
.ratio-short iframe{width: 100%; height: 100%; border: 0;}

.square{background: rgba(226,144,55,0.08); position: absolute; z-index: -1; top: 0; width: 75%; height: 75%; max-width: 1000px; max-height: 800px; margin: 0;}
.square.square-right{right: 0;}
.square.square-left{left: 0;}

.checked{padding: 0;}
.checked li, .checked p{display: flex; color: #fff; margin-bottom: 0.5rem;}
.checked li::before, .checked p::before{content: ""; display: block; flex-shrink: 0; width: 20px; height: 20px; margin: 2px 0.75rem 0 0; background: url("../img/checked.svg") no-repeat center; background-size: 100% auto;}

.checked-number{padding: 0;}
.checked-number li{list-style: decimal-leading-zero; list-style-position: inside;}

@media (max-width: 576px){
	body{font-size: 14px; line-height: 22px}

	.btn-primary span{font-size: 15px; line-height: 48px; padding: 0 1.25rem; border-radius: 24px;}

	.title-primary, .page-template h1, .single h1{font-size: 36px; line-height: 38px;}
	.title-primary span, .page-template h1 span, .single h1 span{font-size: 14px; line-height: 18px; letter-spacing: 3px; margin-bottom: .5rem;}

	figure.moldure{max-width: 280px;}
	figure.moldure .icon-r{width: 40px; right: 25px; bottom: 25px;}
}

@media (min-width: 576px) and (max-width: 992px){
	body{font-size: 15px; line-height: 23px}

	.btn-primary span{font-size: 16px; line-height: 50px; padding: 0 1.5rem; border-radius: 25px;}

	.title-primary, .page-template h1, .single h1{font-size: 50px; line-height: 52px;}
	.title-primary span, .page-template h1 span, .single h1 span{font-size: 16px; line-height: 20px; letter-spacing: 5px; margin-bottom: .75rem;}

	figure.moldure{max-width: 400px;}
	figure.moldure .icon-r{width: 50px; right: 35px; bottom: 35px;}
}

@media (min-width: 992px){
	body{font-size: 16px; line-height: 24px}

	.btn-primary span{font-size: 18px; line-height: 52px; padding: 0 2rem; border-radius: 26px;}

	.title-primary, .page-template h1, .single h1{font-size: 60px; line-height: 62px;}
	.title-primary span, .page-template h1 span, .single h1 span{font-size: 20px; line-height: 24px; letter-spacing: 7px; margin-bottom: 1rem;}

	figure.moldure .icon-r{width: 70px; right: 40px; bottom: 40px;}
}

@media (min-width: 1200px){
	section{padding-left: 3rem; padding-right: 3rem;}
}



/* SLICK */
.slick-prev, .slick-next{display: flex; align-items: center; justify-content: center; background: rgba(226, 144, 55, 0.2); border-radius: 50%; width: 50px; height: 50px; transition: .3s;}
.slick-prev{left: -30px;}
.slick-next{right: -30px;}
.slick-prev::before, .slick-next::before{font-size: 0 !important; width: 40px; height: 40px; border-radius: 50%; background: url('../img/arrow.svg') no-repeat center #492d19; background-size: 18px auto; transition: .3s;}
.slick-prev::before{transform: rotate(-180deg);}

.slick-prev:hover, .slick-next:hover{background: rgba(226, 144, 55, 0.5);}


/* RECEITAS */
.cards-receitas-slider .slick-track{
    display:flex;
}

.cards-receitas-slider .slick-slide{
    height:auto;
    display:flex;
}

.cards-receitas-slider .receita{
    display:flex;
    width:100%;
}

.cards-receitas-slider .card-receita{
    display:flex;
    flex-direction:column;
    width:100%;
    height:100%;
}

.cards-receitas-slider .receita .card-receita{display: block; /*border-radius: 8px; background: #ffecd7; box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);*/}
.cards-receitas-slider .receita h3{font-family: 'Open Sans', sans-serif; font-size: 20px; line-height: 26px; letter-spacing: 5px; font-weight: 400; color: #e29037;}

@media (max-width: 576px){
	.cards-receitas-slider .receita h3{font-size: 16px; line-height: 20px; letter-spacing: 2px;}
}

@media (min-width: 576px) and (max-width: 992px){
	.cards-receitas-slider .receita h3{font-size: 18px; line-height: 22px; letter-spacing: 3px;}
}

@media (min-width: 992px){
	.cards-receitas-slider .receita:nth-child(odd){margin-top: -1.5rem;}
	.cards-receitas-slider .receita:nth-child(even){margin-top: 1.5rem;}

	.cards-receitas-slider .receita h3{font-size: 20px; line-height: 24px; letter-spacing: 4px;}
}



/*OVERLAY*/
.overlay{position: fixed; z-index: 9990; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7);}
.overlay::before{content: ''; position: absolute; right: 10px; top: 20px; display: block; width: 30px; height: 30px; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDcuOTcxIDQ3Ljk3MSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDcuOTcxIDQ3Ljk3MTsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIj48Zz48Zz4KCTxwYXRoIGQ9Ik0yOC4yMjgsMjMuOTg2TDQ3LjA5Miw1LjEyMmMxLjE3Mi0xLjE3MSwxLjE3Mi0zLjA3MSwwLTQuMjQyYy0xLjE3Mi0xLjE3Mi0zLjA3LTEuMTcyLTQuMjQyLDBMMjMuOTg2LDE5Ljc0NEw1LjEyMSwwLjg4ICAgYy0xLjE3Mi0xLjE3Mi0zLjA3LTEuMTcyLTQuMjQyLDBjLTEuMTcyLDEuMTcxLTEuMTcyLDMuMDcxLDAsNC4yNDJsMTguODY1LDE4Ljg2NEwwLjg3OSw0Mi44NWMtMS4xNzIsMS4xNzEtMS4xNzIsMy4wNzEsMCw0LjI0MiAgIEMxLjQ2NSw0Ny42NzcsMi4yMzMsNDcuOTcsMyw0Ny45N3MxLjUzNS0wLjI5MywyLjEyMS0wLjg3OWwxOC44NjUtMTguODY0TDQyLjg1LDQ3LjA5MWMwLjU4NiwwLjU4NiwxLjM1NCwwLjg3OSwyLjEyMSwwLjg3OSAgIHMxLjUzNS0wLjI5MywyLjEyMS0wLjg3OWMxLjE3Mi0xLjE3MSwxLjE3Mi0zLjA3MSwwLTQuMjQyTDI4LjIyOCwyMy45ODZ6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiNGRkZGRkYiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIj48L3BhdGg+CjwvZz48L2c+IDwvc3ZnPg==) no-repeat center; background-size: 60% auto; cursor: pointer;}