body.home main {
background: white;
}
/* FRONT PAGE ANVANTAGES SECTION (SECOND SECTION) */
.sp-easy-deals-adv div:nth-child(1) .sp-easy-deals-adv-desk-hidden {
display: none ;
}
@media(max-width: 781px) {
.sp-easy-deals-adv div:nth-child(1) .sp-easy-deals-adv-desk-hidden {
display: block ;
}
}
.sp-easy-deals-adv {
background: white;
max-width: 1600px;
padding-inline: 20px;
margin: 0 auto;
padding-top: 33px;
padding-bottom: 0;
margin-bottom:100px;
@media(max-width: 2000px){
margin-top: -80px;
}
@media(max-width: 768px){
margin-bottom:40px;
padding-top: 23px;
margin-top: -40px;
}
@media(max-width: 500px){
gap: 10px;
margin-top: 0px;
}
}
.sp-easy-deals-adv>div:nth-child(1) {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.sp-easy-deals-adv>div:nth-child(1) figure:nth-child(2) {
width: calc(100% - 200px);
margin-right: auto;
@media(max-width: 610px) {
width: 260px;
margin-left:0px;
}
}
.sp-easy-deals-adv>div:nth-child(1) h2 {
font-size: 33px;
line-height: 40px;
font-family: var(--font-display);
font-weight: bold;
margin-bottom: 10px;
margin-right: auto;
color:black;
@media(max-width: 610px) {
font-size: 16px;
line-height: 24px;
margin-left: 0;
}
}
.sp-easy-deals-adv>div:nth-child(1) figure {
display: block;
width: 100%;
max-width: 870px;
}
.sp-easy-deals-adv>div:nth-child(2) h2 {
font-size: 33px;
line-height: 40px;
font-family: var(--font-display);
font-weight: bold;
margin-bottom: 10px;
color:black;
@media(max-width: 1330px) {
font-size: 27px;
line-height: 34px;
}
@media(max-width: 781px) {
display: none;
}
}
.sp-easy-deals-adv>div:nth-child(2) figure {
display: block;
width: calc(100% - 100px);
@media(max-width: 781px) {
display: none;
}
}
.sp-easy-deals-adv>div:nth-child(2) p {
font-size: 21px;
line-height: 28px;
font-family: var(--font-body);
font-weight: 400;
display: flex;
align-items: center;
justify-content: flex-start;
color:#000E29;
@media(max-width: 610px ){
font-size: 14px;
line-height: 19px;
}
}
.sp-easy-deals-adv > div:nth-child(2) p:before {
content: "";
display: inline-block;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35.832' height='27.328' viewBox='0 0 35.832 27.328'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='.5' x2='.5' y2='1'%3E%3Cstop offset='0' stop-color='%23d8b776'/%3E%3Cstop offset='1' stop-color='%23ae935e'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg transform='translate(0 -27.5)'%3E%3Cpath d='M11.371 49.19 33.061 27.5l2.771 2.867L11.371 54.828 0 43.457 2.867 40.59Z' fill='url(%23a)'/%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
width: 35px;
height: 27px;
margin-right: 20px;
vertical-align: middle;
}
@media(max-width: 610px) {
.sp-easy-deals-adv > div:nth-child(2) p:before {
width: 30px;
height: 23px;
}
}
.sp-easy-deals-adv>div:nth-child(2)>p:nth-child(3) {
margin-top: 20px;
@media(max-width: 610px){
margin-top: 0px;
}
}
/* FRONT PAGE WHY CHOOSE US (FOURTH SECTION) */
div.wp-block-group.sp-header-why-us{
max-width: 1600px;
margin: 0 auto;
display: flex ;
align-items: center;
justify-content: center;
gap: 10px;
padding-inline: 20px;
flex-wrap: wrap;
margin-top: 180px;
overflow: visible;
@media(max-width: 768px){
row-gap: 0;
column-gap: 5px;
margin-bottom: 15px;
margin-top: 45px;
}
}
.sp-header-why-us p{
font-size: 33px;
line-height: 47px;
font-family: var(--font-display);
font-weight: 500 ;
@media(max-width: 768px){
font-size: 22px;
line-height: 27px;
}
}
.sp-header-why-us div{
margin-left: 5px;
position: relative;
top: 17px;
@media(max-width: 768px){
top: 0;
}
}
.sp-header-why-us div p{
font-weight: 700;
}
.sp-header-why-us div figure{
display: block;
width: 270px;
margin-top: -10px;
@media(max-width: 768px){
display: none;
margin-top: 0px;
}
}
.sp-header-why-us p:nth-child(4){
font-weight: 700;
}
/*body*/
div.wp-block-columns.sp-why-us {
max-width: 1400px;
margin: 0 auto;
margin-top: 40px;
margin-bottom: 80px;
background: #020e29;
padding: 60px ;
border-radius: 35px;
box-sizing: border-box;
position: relative;
z-index: 0;
overflow: visible;
}
@media(max-width:1720px) {
div.wp-block-columns.sp-why-us{
max-width: calc(100% - 250px);
}
}
@media(max-width:1300px) {
div.wp-block-columns.sp-why-us{
flex-direction: column;
}
}
@media(max-width:768px) {
div.wp-block-columns.sp-why-us{
margin-bottom: 55px;
margin-top:65px;
padding: 20px;
gap: 20px;
max-width: calc(100% - 80px);
}
}
.sp-why-us::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #020e29;
border-radius: 35px;
z-index: -1;
}
.sp-why-us-group{
overflow: hidden ;
}
.sp-why-us>div:nth-child(5) {
position: absolute;
width: 300px;
left: -30px;
top: 50%;
transform: translate(-50%, -50%) ;
z-index: -2 ;
pointer-events: none;
background: transparent;
border: none;
padding: 0;
@media(max-width:1160px) {
top: 70px;
}
}
.sp-why-us>div:nth-child(4) {
position: absolute;
width: 300px;
right: -300px;
top: 45%;
transform: translate(-50%, -50%);
z-index: -2 ;
pointer-events: none;
background: transparent;
border: none;
padding: 0;
@media(max-width:1160px) {
display: none;
}
}
.sp-why-us>div {
background: #273248;
border: 1px solid #DFA85F;
border-radius: 35px;
padding: 50px 40px;
@media(max-width: 650px) {
padding: 35px 42px 47px 42px;
}
}
.sp-why-us>div figure {
display: block;
}
.sp-why-us>div p {
color: white;
text-align: center;
}
.sp-why-us>div p:nth-child(2) {
margin-top: 40px;
margin-bottom: 13px;
font-size: 21px;
line-height: 30px;
font-family: var(--font-display);
font-weight: 700;
@media(max-width: 650px) {
font-size: 16px;
line-height: 22px;
margin-top: 30px;
margin-bottom: 12px;
}
}
.sp-why-us>div p:nth-child(3) {
margin-bottom: 0;
font-size: 18px;
line-height: 22px;
font-family: var(--font-display);
font-weight: 300;
@media(max-width: 650px) {
font-size: 14px;
line-height: 18px;
}
}
.sp-why-us-btn {
background: #EAC67F ;
border-radius: 11px;
width: 280px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
@media(max-width: 768px) {
width: 190px;
height: 40px;
}
}
.sp-why-us-btn a {
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
line-height: 22px;
font-family: var(--font-ui);
font-weight: 700;
background: #EAC67F ;
color: #000E29;
-webkit-tap-highlight-color: transparent;
@media(max-width: 768px) {
font-size: 13px;
line-height: 18px;
}
}
.sp-why-us-btn-column{
margin-bottom: -100px;
position: relative;
z-index: 15;
}
@media(max-width: 1200px){
.sp-why-us-btn-column{
margin-bottom: 30px;
}
}
/* NEWS LETTER (LAST SECTION BEFORE FOOTER) */
.sp-newsletter-wrapper{
margin-bottom: 0px;
}
div.wp-block-column.sp-newsletter {
margin-top: 100px;
padding-bottom: 120px;
background: #ffffff;
background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(247, 234, 208, 1) 100%);
padding-inline: 20px;
@media(max-width: 768px){
margin-top:0px ;
padding-bottom:70px ;
}
}
.sp-newsletter h2 {
font-size: 70px;
line-height: 90px;
font-family: var(--font-display);
font-weight: 400;
margin-bottom: 60px;
color: #001743;
text-align: center;
@media(max-width: 768px) {
font-size: 39px;
line-height: 56px;
margin-bottom: 40px;
}
}
.sp-newsletter p {
font-size: 21px;
line-height: 25px;
font-family: var(--font-display);
font-weight: 700;
margin-bottom: 50px;
color: #001743;
text-align: center;
@media(max-width: 768px) {
font-size: 18px;
line-height: 22px;
margin-bottom: 33px;
}
}
.sp-newsletter .tnp-subscription label {
display: none;
}
.sp-newsletter .tnp-field-email{
display: flex;
justify-content: center;
}
div.wp-block-column.sp-newsletter .tnp-subscription input.tnp-email {
max-width: 560px;
width: 100%;
height: 76px;
border-radius: 38px ;
border: none ;
background: rgb(239 223 196 / 0.6) ;
font-size: 21px;
line-height: 25px;
font-family: var(--font-display);
font-weight: 400;
padding-inline: 40px ;
@media(max-width: 768px) {
max-width: 294px;
height: 42px;
font-size: 14px;
line-height: 20px;
}
}
.sp-newsletter .tnp-subscription input.tnp-email::placeholder {
font-size: 21px;
line-height: 25px;
font-family: var(--font-display);
font-weight: 400;
color: #818181;
@media(max-width: 768px) {
font-size: 14px;
line-height: 20px;
}
}
div.wp-block-column.sp-newsletter .tnp-subscription input.tnp-email:focus {
outline: none;
box-shadow: none;
border: none;
}
.sp-newsletter .tnp-privacy-field {
margin-block: 32px ;
@media(max-width: 768px) {
margin-top: 32px;
margin-bottom: 50px;
}
}
.sp-newsletter .tnp-privacy-field label {
display: flex;
justify-content: center;
align-items: center;
margin-left: -45px;
margin-bottom: 31px;
@media(max-width: 768px) {
margin-left: 0px;
}
}
.sp-newsletter .tnp-privacy-field input[type="checkbox"] {
-webkit-appearance: none;
appearance: none;
background-color: #DBD8D8;
width: 20px;
min-width: 20px;
height: 20px;
border-radius: 4px;
cursor: pointer;
display: inline-block;
vertical-align: middle;
position: relative;
border: 1px solid #ccc;
@media(max-width: 768px) {
width: 16px;
min-width: 16px;
height: 16px;
}
}
.sp-newsletter .tnp-privacy-field input[type="checkbox"]:checked {
background-color: #001743;
}
.sp-newsletter .tnp-privacy-field input[type="checkbox"]:checked::after {
content: '';
position: absolute;
left: 7px;
top: 3px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
@media(max-width: 768px){
left: 5px;
top: 2px;
}
}
.sp-newsletter .tnp-privacy-field a {
font-size: 14px;
line-height: 20px;
font-family: var(--font-display);
font-weight: 400;
color: #001743;
text-decoration: underline;
@media(max-width: 768px) {
font-size: 13px;
}
}
.sp-newsletter .tnp-field-button {
display: flex;
justify-content: center;
}
div.wp-block-column.sp-newsletter .tnp-submit {
background: #001743 ;
width: 280px ;
height: 60px ;
display: flex;
align-items: center;
justify-content: center;
border-radius: 11px;
cursor:pointer;
font-size: 21px;
line-height: 29px;
font-family: var(--font-display);
font-weight: 600;
color: white;
@media(max-width: 768px) {
width: 190px ;
height: 40px ;
font-size: 13px ;
line-height: 19px;
}
}
/* BLOG SECTION */
div.wp-block-column.sp-blog {
max-width: 1600px;
margin: 0 auto ;
margin-bottom: 70px;
padding-inline: 20px;
}
/*temporaly disable swip on swipper*/
@media(min-width:769px) {
div.wp-block-column.sp-blog div.swiper div.swiper-wrapper {
transform: translate3d(0, 0, 0) ;
}
div.wp-block-column.sp-blog .swiper-pagination-bullets {
width:0;
height: 0;
}
}
/* end tempral deactivation*/
/*header*/
div.sp-blog-header {
max-width: 1600px;
margin: 0 auto ;
padding-inline: 20px;
margin-bottom: 72px ;
margin-top: 166px;
}
.sp-blog-header > div{
display: flex;
align-items: center;
justify-content: center;
gap: 20px ;
}
.sp-blog-header h2 {
font-size: 33px;
line-height: 38px;
font-weight: 400;
font-family: var(--font-display);
color:black;
text-align: center;
width: 100%;
}
.sp-blog-header hr {
display: none;
}
@media(max-width: 768px) {
div.sp-blog-header {
margin-bottom: 32px;
margin-top: 100px ;
}
div.sp-blog-header h2 {
font-size: 22px;
line-height: 29px;
display: inline-block;
text-align: left;
white-space: nowrap;
color:black;
}
.sp-blog-header hr {
display: block;
height: 2px;
width: 100%;
border: 1px solid #dfa85f ;
margin-top: 5px;
}
}
/*body*/
.sp-blog .wpcu_block_title {
display: none;
}
.sp-blog .swiper-button-next,
.sp-blog .swiper-button-prev {
width: 0px;
height: 0px;
}
.sp-blog .insideframe {
box-shadow: 0 3px 6px #00000029;
border-radius: 37px;
padding-bottom: 60px;
@media(max-width: 768px){
padding-bottom: 50px;
}
}
.sp-blog .insideframe .equalHeightImg a {
display: block;
margin-right: -4px;
}
div.sp-blog .insideframe .equalHeightImg a:nth-child(2) {
padding-inline: 22px;
padding-top: 10px;
font-size: 21px;
line-height: 29px;
font-weight: 700;
font-family: inherit;
display: block;
@media(max-width: 768px){
font-size: 16px;
line-height: 20px;
padding-top: 12px;
padding-inline: 15px;
}
}
.sp-blog .insideframe .equalHeightImg a span:before,
.sp-blog .insideframe .equalHeightImg a span:after {
display: none ;
}
div.sp-blog .wplp_container .equalHeightImg img {
display: block;
aspect-ratio: 510/237 ;
object-fit: cover ;
object-position: center ;
border-top-right-radius: 37px;
border-top-left-radius: 37px;
}
.sp-blog .insideframe div:nth-child(4) div a {
display: block;
margin-inline: 20px ;
}
.sp-blog .insideframe div:nth-child(4) div a:nth-child(1) {
font-size: 16px;
line-height: 22px;
font-family: inherit;
font-weight: 400;
overflow: visible;
@media(max-width: 768px){
font-size: 14px;
line-height: 18px;
}
}
.sp-blog .insideframe div:nth-child(4) div a.read-more {
display: block ;
font-size: 16px;
line-height: 22px;
font-family: inherit;
font-weight: 400;
margin-right: 23px ;
@media(max-width: 768px){
color: white ;
}
}
.sp-blog .insideframe div:nth-child(4) div a.read-more:after {
content: "";
display: inline-block;
vertical-align: middle;
/* Dimensions: Original width (20px) + your 10px padding = 30px */
width: 30px;
height: 11px;
/* Background styling */
background-color: white;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
/* This creates the "padding-left" effect by pushing the image 10px from the left */
background-position: 10px center;
background-size: 20px 11px;
/* Optional: if the white box looks too tight, add some vertical padding/size */
padding: 5px 0;
margin-left: -13px;
}
.sp-blog .insideframe div:nth-child(4) div a span.line_limit:nth-child(2) {
display: none;
}
/*SECTION EASY DEALS BOOK GIA EPIXEIRISEIS*/
.sp-for-business {
background-image: url("/wp-content/themes/easy-deals-book-theme/assets/images/easydeals-for-business-scaled.png");
background-position: center;
background-size: contain;
background-repeat: no-repeat;
width: 100%;
padding-inline: 10px;
padding-top:0px;
@media(max-width:1400px) {
background-size: cover;
margin-top: 100px;
}
@media(max-width:781px) {
padding-inline: 60px;
margin-bottom: 60px;
margin-top: 0;
}
@media(max-width:500px) {
background-image: url("/wp-content/themes/easy-deals-book-theme/assets/images/easy-deals-for-business-mobile.png");
background-size: cover;
}
}
@media(max-width: 980px) {
.sp-for-business>div>div{
margin-bottom: 13px;
}
.sp-for-business-body.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
flex-basis: auto ;
}
.sp-for-business .sp-for-business-body{
display: grid ;
grid-template-columns: 1fr;
direction: rtl;
}
.sp-for-business .sp-for-business-body div:nth-child(1){
order:2;
}
.sp-for-business .sp-for-business-body div:nth-child(2){
order:1;
}
}
.sp-for-business-header-wrapper{
display:flex;
justify-content: center;
}
.sp-for-business-header {
max-width: 1500px;
display: flex;
align-items: center;
flex-direction: column;
padding-top: 400px ;
@media(max-width: 1400px) {
padding-top: 220px ;
}
@media(max-width: 1270px) {
padding-top: 220px ;
}
@media(max-width:980px) {
padding-top: 200px;
}
}
.sp-for-business-header h2 {
font-size: 41px;
line-height: 58px;
font-family: var(--font-display);
font-weight: 700;
text-align: center;
margin-bottom: 0px;
color: white;
@media(max-width: 781px) {
font-size: 22px;
line-height: 31px;
}
}
.sp-for-business-header figure {
max-width: 340px;
width: 100%;
display: inline-block;
margin-left: 350px;
@media(max-width: 781px) {
font-size: 22px;
line-height: 31px;
margin-left: 0;
margin-top: 13px ;
}
}
.sp-for-business>div{
display: flex;
flex-direction: column;
align-items: center;
justify-content:center
}
.sp-for-business-body {
max-width: 1500px;
}
.sp-for-business-texts>p {
margin-top: 70px;
}
@media(max-width: 1300px) {
.sp-for-business-texts>p {
margin-top: 0px ;
}
}
.sp-for-business-texts p {
color: white;
font-family: var(--font-body);
font-size: 21px;
line-height: 28px;
font-weight: 500;
@media(max-width: 980px){
text-align: center;
}
@media(max-width: 781px) {
font-size: 14px;
line-height: 19px;
}
}
.sp-for-business-texts>div div:nth-child(1) a {
background: #EAC67F;
font-family: var(--font-ui);
font-size: 16px;
line-height: 22px;
font-weight: 700;
color: #000E29;
width: 300px;
height: 60px;
border-radius: 11px;
}
.sp-for-business-texts>div div:nth-child(2) a {
background: transparent;
border: 1px solid white;
font-family: var(--font-ui);
font-size: 16px;
line-height: 22px;
font-weight: 700;
color: white;
width: 300px;
height: 60px;
border-radius: 11px;
white-space: nowrap;
transition: all 0.5s;
}
@media(max-width: 1270px) {
.sp-for-business-texts>div div:nth-child(1) a {
font-size: 16px;
line-height: 28px;
font-weight: 700;
width: 230px;
height: 60px;
}
.sp-for-business-texts>div div:nth-child(2) a {
font-size: 16px;
line-height: 28px;
width: 230px;
height: 60px;
}
}
@media(max-width: 980px) {
.sp-for-business-texts >div{
justify-content: center ;
flex-direction: column;
gap: 18px;
margin-top: 30px;
}
}
@media(max-width: 781px) {
.sp-for-business-texts>div div:nth-child(1) a {
font-size: 13px;
line-height: 18px;
font-weight: 700;
width: 230px;
height: 40px;
border-radius: 7px;
}
.sp-for-business-texts>div div:nth-child(2) a {
font-size: 13px;
line-height: 18px;
width: 230px;
height: 40px;
border-radius: 7px;
}
}
.sp-for-business-texts>div div:nth-child(2) a:hover {
background: #EAC67F;
border: 1px solid #EAC67F;
color: black;
}
.sp-for-business-books {
display: flex;
justify-content: center;
}
@media(max-width: 1300px) {
.sp-for-business-books figure {
max-width: 500px;
width: 100%;
display: inline-block;
}
}
/*section pronomia*/
.privileges-body>div{
margin-bottom: 0px ;
}
.privileges-body{
margin-bottom: 0px;
}
.sp-header-privileges {
max-width: 1600px;
margin: 0 auto;
margin-bottom: 65px;
@media(max-width:768px){
margin-bottom: 21px ;
}
}
.sp-header-privileges h2 {
text-align: center;
font-size: 33px;
line-height: 40px;
font-family: var(--font-display);
font-weight: 600;
margin-bottom: 0;
color:black;
@media(max-width:768px){
font-size: 22px;
line-height: 24px;
}
@media(max-width:500px){
max-width: 200px;
}
}
.sp-header-privileges >div{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.sp-header-privileges figure{
max-width: 200px;
display: inline-block;
margin-left: 200px;
@media(max-width:768px){
margin-left:0;
max-width: 250px;
}
@media(max-width:500px){
max-width: 170px;
margin-top: 5px;
}
}
/* FOOTER */
.home .site-footer {
margin-top: -40px;
}
.home .site-footer {
background: linear-gradient(180deg, rgba(247, 235, 208, 1) 0%, rgba(247, 234, 208, 1) 100%);
@media(max-width:500px){
background: linear-gradient(180deg, rgba(247, 235, 208, 1) 0%, rgba(255, 255, 255, 1) 100%);
}
}
footer.site-footer.main-footer {
margin-bottom: -30px;
@media(max-width: 990px) {
margin-top: -290px ;
}
@media(max-width: 500px){
margin-top: -29px ;
}
}
.site-footer>div {
background-image: url("/wp-content/themes/easy-deals-book-theme/assets/images/footer-desktop-scaled.png");
padding: 0px 0px;
background-position: 0px 20px;
background-repeat: no-repeat;
background-size: cover;
padding-top: 270px;
padding-bottom: 60px;
@media(max-width:990px) {
padding-top: 460px;
background-position: center;
}
@media(max-width: 500px) {
background-size: cover;
background-image: url("/wp-content/themes/easy-deals-book-theme/assets/images/footer-mobile-1.png");
padding-block: 190px;
}
}
.f-main-footer {
max-width: 1600px;
margin: 0 auto;
padding-inline: 15px;
}
.f-footer-1>figure {
display: inline-block;
max-width: 460px;
height: 70px;
margin-bottom: 24px;
}
.f-company-info {
color: #fff;
font-size: 14px;
line-height: 22px;
font-family: var(--font-display);
font-weight: 400;
margin: 0;
}
.f-company-info a {
color: #fff;
text-decoration: none;
}
.f-company-info a:hover {
text-decoration: underline;
}
.footer-social {
display: flex ;
align-items: flex-end ;
gap: 18px;
margin-top: 29px;
}
.f-footer-4 .footer-social {
justify-content: flex-end;
margin-top: 0;
margin-bottom: 24px;
}
.footer-social figure{
line-height: 0;
}
.footer-social-mobile {
display: none;
}
.footer-social figure:nth-child(1) img {
height: 33px;
width: auto;
}
.footer-social img {
width: 33px;
}
.f-footer-2 ul {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 20px;
}
.f-footer-2 ul li {
width: 180px;
}
.f-footer-2 ul li a span {
color: white;
font-size: 16px;
line-height: 20px;
font-family: var(--font-display);
font-weight: 400;
}
.f-footer-3 ul {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
.f-footer-3 ul li a span {
color: white;
font-size: 16px;
line-height: 20px;
font-family: var(--font-display);
font-weight: 400;
}
.f-footer-4 h2 {
color: white;
font-size: 31px;
line-height: 40px;
font-family: var(--font-display);
font-weight: 400;
margin-bottom: 20px;
}
.f-footer-4 > p:first-of-type {
color: white;
font-size: 16px;
line-height: 20px;
font-family: var(--font-display);
font-weight: 400;
margin-bottom: 20px;
}
.f-footer-4>p+div {
background: white;
display: inline-flex;
width: 277px;
height: 53px;
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
border-radius: 33px;
@media(max-width:1230px) {
width: 220px;
height: 43px;
}
}
.f-footer-4>p+div figure {
display: inline-block;
width: 22px;
height: 22px;
}
.f-footer-4>p+div p a {
display: inline-block;
font-size: 29px;
line-height: 35px;
font-family: var(--font-display);
font-weight: 400;
color: #000000 ;
@media(max-width:1230px) {
font-size: 23px;
line-height: 30px;
}
}
.f-footer-4 > p:last-of-type {
color: white;
font-size: 14px;
line-height: 18px;
font-family: var(--font-display);
font-weight: 400;
margin-top: 28px;
margin-bottom: 0;
}
.footer-bottom {
display: flex;
justify-content: center;
align-items: center;
}
.footer-bottom p {
color: #001743;
font-size: 13px;
line-height: 20px;
font-family: var(--font-display);
font-weight: 400;
margin-block: 20px ;
}
@media(max-width:990px) {
footer.site-footer.main-footer>div>div>div.wp-block-columns.f-main-footer {
display: flex ;
flex-wrap: wrap !important ;
flex-direction: row ;
row-gap: 20px;
column-gap: 10px;
}
.f-footer-1 {
width: 100%;
max-width: 100%;
min-width: 100% ;
order: 1;
}
footer.site-footer div.footer-social {
display: none ;
}
.f-footer-1>figure {
margin-bottom: 46px;
}
.f-footer-2 {
order: 3;
max-width: 200px;
}
.f-footer-2 ul li {
width: auto;
}
.f-footer-2 ul {
align-items: flex-start ;
}
footer.site-footer div.f-footer-3 {
width: calc(50% - 5px);
max-width: calc(50% - 5px);
min-width: calc(50% - 5px);
order: 4;
}
.f-footer-3 ul li {
align-items: flex-start;
}
footer.site-footer div.f-footer-4 {
order: 2 ;
width: 100%;
max-width: 100%;
min-width: 100% ;
}
footer.site-footer div.footer-social-mobile {
display: block;
order: 5 ;
width: 100%;
max-width: 100%;
min-width: 100% ;
}
.site-footer.main-footer div.f-footer-2,
.site-footer.main-footer div.f-footer-3 {
margin-top: 55px;
}
.footer-social-mobile>div {
display: flex;
gap: 20px;
}
.footer-social-mobile {
display: flex;
gap: 18px;
}
.footer-social-mobile figure:nth-child(1) img {
height: 33px;
width: auto;
}
.footer-social-mobile img {
width: 33px;
}
}
@media(max-width:768px) {
footer.site-footer{
margin-top: -350px ;
}
.f-main-footer {
padding-inline: 20px;
}
.f-footer-1 figure {
width: 290px;
}
.f-footer-4 h2 {
font-size: 25px;
line-height: 30px;
margin-bottom: 18px;
}
.f-footer-4 > p:first-of-type {
font-size: 13px;
line-height: 18px;
margin-bottom: 18px;
}
.f-footer-4 > p:last-of-type {
margin-top: 13px;
font-size: 13px;
line-height: 18px;
}
.f-footer-2 ul,
.f-footer-3 ul {
margin-top: 55px;
row-gap: 23px;
}
.f-footer-2 ul li a span,
.f-footer-3 ul li a span {
font-size: 14px;
line-height: 19px;
}
.site-footer.main-footer .footer-social-mobile {
margin-top: 55px ;
}
.footer-social-mobile>div {
display: flex;
align-items: center;
}
.footer-social-mobile figure:nth-child(1) img {
height: 25px;
}
.footer-social-mobile figure img {
width: 25px;
}
.f-footer-2 {
width: 100%;
max-width: 150px;
}
.f-footer-3 {
width: 100%;
max-width: 150px;
}
}
@media(max-width: 500px){
footer.site-footer.main-footer{
margin-bottom: -64px ;
}
footer.site-footer.main-footer>div{
margin: 0;
}
footer.site-footer.main-footer>div>div{
}
.site-footer.main-footer .footer-bottom p{
margin-top: -30px ;
}
.footer-social-mobile {
margin-bottom: 55px ;
}
}
/* TESTIMONIAL HEADER */
.fp-testimonials-header-col {
margin-bottom: 60px;
}
.fp-testimonials-header {
text-align: center;
font-size: 33px;
line-height: 47px;
color: black;
font-weight: 400;
font-family: var(--font-display);
margin-bottom: 0;
span {
font-weight: 600;
}
}
@media(max-width: 768px) {
.fp-testimonials-header-col{
margin-bottom: 28px;
}
.fp-testimonials-header {
font-size: 22px;
line-height: 29px;
max-width: 178px;
margin: 0 auto;
}
}
.test-group{
overflow: hidden;
}
/* HERO SECTION */
.home .t-topbar{
display: none;
}
.fp-hero {
background: url("/wp-content/themes/easy-deals-book-theme/assets/images/hero-desktop-scaled.png");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
min-height: 970px;
margin-bottom: 0;
padding-top: 260px;
display: flex;
justify-content: center;
@media(max-width: 900px){
min-height: 750px;
}
@media(max-width: 768px) {
min-height: 490px;
width: 100%;
}
@media(max-width: 500px) {
background: url("/wp-content/themes/easy-deals-book-theme/assets/images/hero-mobile.png");
background-size: cover;
min-height: 450px;
background-position: center bottom;
width: calc(100% + 0px);
background-repeat: no-repeat;
}
@media(max-width: 400px){
min-height: 480px;
}
}
.fp-hero>div{
max-width:1800px;
}
.fp-hero-body {
padding-left: 220px;
}
.fp-hero-body h1 {
display: flex;
flex-direction: column;
@media(max-width: 400px){
margin-top: 50px;
}
}
.fp-hero-body h1 span:nth-child(1){
font-size: 70px;
line-height: 70px;
font-family: var(--font-body);
font-weight: 400;
color: white;
}
.fp-hero-body h1 span:nth-child(2) {
color: #eac67f;
font-size: 70px;
line-height: 82px;
font-family: var(--font-script);
font-style: italic;
font-weight: 400;
}
.fp-hero-body h1+figure {
width: 300px;
margin-left: 50px;
margin-top:-15px;
}
.fp-hero-body p {
color: white;
font-size: 24px;
line-height: 30px;
font-family: var(--font-body);
font-weight: 400;
margin-top: 32px;
margin-bottom: 32px;
max-width: 700px;
padding-right: 15px;
}
.fp-hero-body .wp-block-buttons a {
font-size: 16px;
line-height: 22px;
font-family: var(--font-ui);
font-weight: 700;
width: 285px;
height: 60px;
display: flex;
justify-content: center;
align-items: center;
white-space: nowrap;
border-radius: 11px;
}
.fp-hero-body .wp-block-buttons div:nth-child(1) a {
background: #EAC67F;
border: 1px solid #EAC67F;
color: #000E29;
}
.fp-hero-body .wp-block-buttons div:nth-child(2) a {
background: transparent;
border: 1px solid white;
color: white;
}
@media(max-width:1110px) {
.fp-hero-body {
padding-left: 50px;
}
}
@media (max-width: 900px) {
.fp-hero {
padding-top: 55px ;
}
}
@media(max-width: 768px) {
.fp-hero-body {
padding-left: 18px;
padding-right: 18px;
}
.fp-hero-body h1 span:nth-child(1) {
font-size: 27px;
line-height: 38px;
}
.fp-hero-body h1 span:nth-child(2) {
font-size: 27px;
line-height: 38px;
}
.fp-hero-body h1+figure {
width: 150px;
margin-left: 0px;
}
.fp-hero-body p {
font-size: 14px;
line-height: 19px;
margin-top: 30px;
margin-bottom: 18px;
}
.fp-hero-body .wp-block-buttons {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
gap: 7px;
}
.fp-hero-body .wp-block-buttons a {
font-size: 13px;
line-height: 18px;
width: 190px;
height: 40px;
border-radius: 7px;
}
.fp-hero-body .wp-block-buttons div:nth-child(1) a {
background: #EAC67F;
border: 1px solid #EAC67F;
color: #000E29;
}
.fp-hero-body .wp-block-buttons div:nth-child(2) a {
background: transparent;
border: 1px solid white;
color: white;
}
}
/* main header */
.t-header .lang-switcher-mobile {
display: none;
}
.t-header {
max-width: 1800px;
position: absolute;
margin: 0 auto;
padding: 0;
top: 50px;
left: 10px;
right: 10px;
z-index: 1000;
}
.t-header .t-header-inner {
max-width: 1800px;
margin: 0 auto;
background-color: rgba(255, 255, 255, 0.2);
border-radius: 20px;
padding: 28px 20px 28px 28px;
min-height: 0;
max-height: 100%;
height: auto;
display: flex;
align-items: center;
gap: 24px;
}
.t-header-inner .t-logo img {
width: 337px;
height: auto;
}
.t-header-search-icon {
display: flex;
position: absolute;
left: 16px;
top: 50%;
transform: translateY(-50%);
/* The icon sits inside the white field, so it takes the field's text colour. */
color: rgb(0 14 41 / 0.61);
pointer-events: none;
}
.t-header-search-icon svg {
width: 18px;
height: 18px;
}
/* min-width keeps the placeholder readable when the menu takes the rest of the row. */
.t-header-inner .t-header-search {
position: relative;
min-width: 220px;
max-width: 400px;
flex: 1 1 400px;
margin-right:auto;
}
.t-header .t-header-inner .t-header-search input[type="text"] {
background-color: white;
border-radius: 30px;
font-size: 16px;
line-height: 20px;
font-family: var(--font-ui);
color: rgb(0 14 41 / 0.61);
border: none;
padding-inline: 42px 16px;
height: 60px;
width: 100%;
}
.t-header .t-header-inner .t-header-search input[type="text"]::placeholder {
font-size: 16px;
line-height: 20px;
font-family: inherit;
font-weight: 300;
color: rgb(0 14 41 / 0.61);
}
.t-header .t-header-inner .t-header-search input[type="text"]:focus {
background-color: white;
}
.t-header .t-nav {
display: flex;
align-items: center;
gap: 2px;
flex: 1;
justify-content: flex-end;
z-index: 10;
}
.t-header .t-nav ul {
list-style: none;
display: flex;
gap: 2px;
align-items: center;
}
.t-header .t-nav li a {
font-size: 16px;
line-height: 20px;
font-family: var(--font-ui);
font-weight: 400;
padding-inline: 16px;
color: white;
border: none;
padding: 8px 12px;
white-space: nowrap;
@media(max-width: 1550px) {
padding-inline: 5px;
}
}
.t-header .t-nav li a:hover {
background: transparent;
}
.t-header .t-nav li.current-menu-item a {
background: transparent;
}
.t-header .t-nav .t-header-actions a:hover {
background: transparent;
}
.t-header .t-nav .t-header-actions a:nth-child(1){
line-height: 0;
}
.t-header .t-nav .t-header-actions a:nth-child(1) svg{
width:24px;
height: 24px;
color:white;
}
.t-header .t-nav .t-header-actions span:nth-child(2) svg{
width:24px;
height: 24px;
color:white;
}
.t-header .t-nav .t-header-actions .t-mini-cart-wrap{
margin-left: 26px;
@media(max-width:768px){
margin-left: 16px;
}
}
.t-header .t-nav .t-header-actions .t-mini-cart-wrap a {
position: relative;
display: flex;
}
.t-header .t-nav .t-header-actions .t-mini-cart-wrap a span {
position: relative;
top: -5px;
background: white;
font-size: 10px;
line-height: 14px;
font-family: var(--font-ui);
font-weight: 600;
padding: 2px;
aspect-ratio: 1;
min-width: 16px;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
color: black;
}
.t-header .t-nav .t-header-actions .mini-cart-close-btn{
display: flex;
justify-content: flex-end;
align-items: center;
}
.t-header .t-nav .t-header-actions .mini-cart-close-btn svg{
width:20px;
height: 20px;
}
.widget_shopping_cart_content{
width:100%;
}
.t-header .t-nav .t-header-actions .t-mini-cart-wrap .t-mini-cart-panel p.woocommerce-mini-cart__empty-message{
margin-bottom: 0;
font-size: 16px;
line-height: 20px ;
font-family: var(--font-ui);
font-weight:400;
}
.t-header .t-nav .t-header-actions div.t-mini-cart-panel.t-mini-cart-panel-not-active{
display: none;
}
.t-header .t-header-actions .t-mini-cart-wrap .t-mini-cart-panel{
position: absolute;
width: 300px;
top: 29px;
right: 0;
background: white;
padding: 20px;
border-radius: 10px;
display: flex;
align-items: center;
}
@media(max-width:768px){
.t-header .t-header-actions .t-mini-cart-wrap .t-mini-cart-panel{
right: -15px;
}
}
/* MINI CART CONTENT */
.widget_shopping_cart_content {
.woocommerce-mini-cart.cart_list {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-top: 0;
li {
display: grid;
grid-template-columns: repeat(12, 1fr);
column-gap: 5px;
row-gap: 0px;
width: 100%;
margin-bottom: 10px;
a:nth-child(1) {
color: black;
padding: 0;
display: flex;
align-items: center;
grid-column: 1/2;
}
a:nth-child(2) {
color: black;
width: 100%;
padding: 0;
margin-left: 9px;
white-space: wrap;
grid-column: 2/13;
font-size: 14px;
line-height: 18px;
font-family: var(--font-ui);
font-weight: 400;
img {
width: 50px;
display: inline-block;
margin-right: 10px;
}
}
span.quantity {
display: inline-block;
grid-column: 2/13;
grid-row: 2/3;
margin-left: 10px;
font-size: 14px;
line-height: 18px;
font-family: var(--font-ui);
font-weight: 400;
}
}
}
.woocommerce-mini-cart__total {
strong {
font-size: 16px;
line-height: 18px;
font-family: var(--font-ui);
font-weight: 600;
}
.woocommerce-Price-amount {
bdi {
display: inline-flex;
flex-direction: row-reverse;
gap: 2px;
font-size: 16px;
line-height: 18px;
font-family: var(--font-ui);
font-weight: 400;
span {
font-size: 16px;
line-height: 18px;
font-family: var(--font-ui);
font-weight: 400;
}
}
}
}
.woocommerce-mini-cart__buttons.buttons {
display: flex;
flex-direction: column;
gap: 5px;
margin-bottom: 0;
a:nth-child(1) {
display: inline-block;
background: #EAC67F;
color: white;
position: static;
font-size: 16px;
line-height: 18px;
font-family: var(--font-ui);
font-weight: 400;
padding: 5px 20px;
text-align:center;
color: #000E29 ;
border-radius: 4px;
}
a:nth-child(2) {
display: inline-block;
background: #EAC67F;
color: white;
position: static;
font-size: 16px;
line-height: 18px;
font-family: var(--font-ui);
font-weight: 400;
padding: 5px 20px;
text-align:center;
color: #000E29;
border-radius: 5px;
}
}
}
/* END MINI CART CONTENT */
.t-header .main-navigation{
padding-right: 20px;
}
.t-header .main-navigation ul{
gap: 26px
}
.t-header .t-nav .t-header-actions>span:hover {
background: transparent;
}
.t-header .t-nav .t-header-actions {
margin-left: 23px;
display: flex;
align-items: center;
gap: 6px;
flex-shrink: 0;
}
.t-header .t-nav .t-header-actions .t-lang-wrap {
margin-left: 70px;
}
.t-header .t-nav .t-lang-switcher {
margin-left: 55px;
font-size: 20px;
line-height: 20px;
font-family: inherit;
font-weight: 400;
flex-shrink: 1;
display: flex;
align-items: center;
gap: 4px;
color: rgba(255, 255, 255, .8);
padding: 8px 10px;
cursor: pointer;
border: none;
white-space: nowrap;
@media(max-width: 1550px) {
margin-left: 0px;
}
}
.t-header .t-nav .t-lang-switcher svg {
width: 20px;
height: 20px;
}
.t-nav-toggle {
display: none;
flex-direction: column;
gap: 5px;
background: none;
border: none;
cursor: pointer;
padding: 8px;
border-radius: var(--radius-sm);
}
.t-nav-toggle span {
display: block;
width: 22px;
height: 2px;
background: rgba(255, 255, 255, .85);
border-radius: 2px;
transition: transform .25s, opacity .25s;
}
.t-nav-toggle.is-open span:nth-child(1) {
transform: translateY(7px) rotate(45deg);
}
.t-nav-toggle.is-open span:nth-child(2) {
opacity: 0;
}
.t-nav-toggle.is-open span:nth-child(3) {
transform: translateY(-7px) rotate(-45deg);
}
/* HEADER LANGUAGE SWITCHER*/
html[lang="el"] .trp-current-language-item__wrapper span{
font-size: 0;
}
html[lang="el"] .trp-current-language-item__wrapper span:before{
content: 'ΕΛ';
}
html[lang="en-GB"] .trp-current-language-item__wrapper span{
font-size: 0;
}
html[lang="en-GB"] .trp-current-language-item__wrapper span:before{
content: 'EN';
}
html[lang="en-GB"] .trp-switcher-dropdown-list span{
font-size: 0;
display:flex;
align-items: center;
justify-content: center;
}
html[lang="en-GB"] .trp-switcher-dropdown-list span:before{
content: 'ΕΛ';
color: black;
font-size: 20px;
font-family: var(--font-ui);
line-height: 30px;
}
.trp-current-language-item__wrapper{
line-height: 0;
display: flex ;
align-items: center;
}
.trp-current-language-item__wrapper span:before{
font-size: 20px ;
font-family: var(--font-ui);
line-height: 30px;
color: white ;
padding: 0;
}
.trp-current-language-item__wrapper .trp-language-item{
margin-right: 5px;
padding: 0;
}
.trp-current-language-item__wrapper svg{
width: 20px;
height: 20px;
}
.trp-switcher-dropdown-list{
background: white;
}
.trp-switcher-dropdown-list a span{
font-size: 20px;
font-family: var(--font-ui);
line-height: 30px;
color: black;
}
.trp-switcher-dropdown-list,
.trp-switcher-dropdown-list a,
.trp-switcher-dropdown-list a span{
border-radius: 4px ;
}
.trp-switcher-dropdown-list a span{
color: black ;
}
.t-lang-wrap .trp-language-switcher{
background: transparent ;
border: none ;
padding: 0;
border-radius: 0;
}
.trp-current-language-item__wrapper{
padding: 0;
}
.trp-language-item__current{
padding: 0;
}
.trp-shortcode-switcher__wrapper{
line-height: 0;
z-index: 1;
}
@media(max-width: 768px){
.trp-current-language-item__wrapper span:before{
font-size: 14px;
}
.trp-switcher-dropdown-list a span{
font-size: 14px;
}
.t-lang-wrap div.trp-current-language-item__wrapper{
padding-right:0;
display: flex;
position: relative;
right: -5px;
}
.t-lang-wrap div.trp-current-language-item__wrapper svg{
}
.t-lang-wrap div.trp-current-language-item__wrapper .trp-language-item{
margin:0;
position: relative;
right: -5px;
}
.trp-switcher-dropdown-list a{
padding: 3px 12px;
}
}
/* HEADER LANGUAGE SWITCHER END */
/* Below 1820px the full-size logo and menu spacing leave no room for the search field. */
@media(max-width: 1820px) {
.t-header .main-navigation ul{
gap: 0px
}
.t-header .main-navigation{
padding-right: 0;
}
.t-header-inner .t-logo img {
width: 230px;
}
.t-header-inner .t-header-search {
min-width: 200px;
}
}
@media(max-width: 1550px) {
.t-header .t-header-inner {
gap: 16px;
}
.t-header .t-nav .t-header-actions {
margin-left: 0px;
}
.t-header-inner .t-logo img {
width: 180px;
}
.t-header-inner .t-header-search {
min-width: 180px;
}
.t-header .t-header-inner .t-header-search input[type="text"],
.t-header .t-header-inner .t-header-search input[type="text"]::placeholder {
font-size: 14px;
}
}
@media(max-width: 1400px) {
.t-header {
top: 0;
left: 0;
right: 0;
padding: 0;
}
.t-header .t-nav{
z-index: 1000;
}
.t-header .t-header-inner {
flex-wrap: wrap;
justify-content: space-between;
border-radius: 0;
}
.t-header-inner .t-logo-wrapper {
width: calc(100% - 80px);
}
.t-header-inner .t-logo-wrapper a {
display: inline-block;
}
.t-header-inner .t-header-search {
margin-left: 0;
width: 100%;
flex-grow: 1;
padding-right: 0;
}
.t-header-inner .t-nav {
justify-content: flex-start;
width: 100%;
}
.t-header-inner .main-navigation {
display: none;
}
.t-header .t-nav .t-lang-switcher {
display: none;
}
.t-header-inner .lang-switcher-mobile {
display: block;
width: 40px;
margin-right: 10px;
display: flex;
align-items: center;
color:white;
z-index: 100;
}
.t-header .t-nav .t-header-actions .t-lang-wrap {
display: none;
}
.t-header .lang-switcher-mobile {
font-size: 20px;
line-height: 20px;
font-family: inherit;
font-weight: 400;
flex-shrink: 1;
}
.t-header-inner .t-nav-toggle {
display: flex;
}
.t-header .t-nav .t-header-actions {
margin-left: auto;
}
.t-header .t-header-inner .t-header-search input[type="text"] {
height: 40px;
}
.t-header-inner .t-header-search input[type="text"] {
font-size: 14px;
line-height: 20px;
padding-inline: 20px;
}
.t-header-inner .t-header-search input[type="text"]::placeholder {
font-size: 14px;
line-height: 20px;
}
}
@media(max-width: 900px) {
.t-header {
position: relative;
background: #041743;
padding: 0;
z-index: 2000;
}
.t-header .t-header-inner {
background: #041743;
border-radius: 0;
border: none;
padding: 20px 15px;
gap: 10px;
}
.t-header .t-header-inner .t-nav {
background: transparent;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
border: none;
position: static;
box-shadow: none;
padding: 10px 0px 0px 0px;
}
.t-header .t-header-inner .t-header-search {
display: block;
}
.t-header .t-header-inner .t-header-search .t-header-search-icon {
display: none;
}
}
@media(max-width: 768px) {
.t-header .t-header-inner {
gap: 8px;
}
.t-header-inner .t-logo-wrapper img {
width: 180px;
}
.t-header .lang-switcher-mobile {
font-size: 18px;
line-height: 22px;
}
.t-header-inner .t-header-search {
margin-right: 17px;
max-width: none;
}
.t-header .t-header-inner .t-header-search input[type="text"] {
height: 35px;
font-size: 14px;
line-height: 20px;
padding-inline: 20px;
}
.t-header .t-header-inner .t-header-search input[type="text"]::placeholder {
font-size: 14px;
line-height: 20px;
}
.t-header .t-header-inner .t-nav{
margin-top:30px;
padding-top: 0;
}
.t-header-inner .t-nav-toggle {
margin-left: 16px;
}
}
/* menu drawer*/
.mob-close-navigation {
display: none;
}
body:has(.main-navigation.active) {
overflow: hidden;
}
body:has(.main-navigation.active):after {
content: '';
position: fixed;
z-index: 999 ;
display: block;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: rgba(0, 0, 0, .4);
backdrop-filter: blur(2px);
}
.t-header:has(.main-navigation.active) .t-header-inner {}
.t-header:has(.main-navigation.active) .t-header-inner .t-nav:after {
content: '';
position: absolute;
z-index: 999 ;
display: block;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: rgba(0, 0, 0, .4);
backdrop-filter: blur(2px);
}
.mob-close-navigation.active .mob-close-navigation {
display: block;
}
@media(max-width: 1400px) {
.t-header .main-navigation {
transition: all 0.5s ease ;
position: fixed ;
top: 0;
height: 100vh;
right: -402px;
width: 400px;
z-index: 1900 ;
overflow-y: auto;
background: #041743;
-webkit-box-shadow: -5px 0px 12px -1px rgba(0, 0, 0, 0.49);
box-shadow: -5px 0px 12px -1px rgba(0, 0, 0, 0.49);
padding-right: 0;
}
.main-navigation.active {
right: -2px;
transition: all 0.5s ease ;
display: block ;
}
.mob-close-navigation {
display: flex;
justify-content: flex-end;
padding-inline: 20px;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.mob-close-navigation span {
color: white;
}
.t-header .t-nav ul {
display: flex;
flex-direction: column;
gap: 20px ;
margin-top: 30px;
}
.main-navigation ul li {
padding-inline: 20px;
width: 100%;
display: flex;
justify-content: center;
}
.main-navigation ul li a {
font-size: 21px;
line-height: 24px;
font-weight: 800;
font-family: inherit;
color: white;
border: none ;
}
}
@media(max-width: 768px) {
.main-navigation {
right: -372px;
width: 370px;
}
.main-navigation.active {
right: -2px;
}
}
/* POS LITOURGEI SELIDA */
body:not(.home) .main-content >.how-it-works>.t-section,
body:not(.home) .main-content >.how-it-works>.t-page-content--full>.t-section {
background: white;
padding: 0;
padding-top: 0 ;
}
.how-it-works .t-topbar {
display: none;
}
.how-it-works .t-section>.t-container {
margin-inline: 0;
width: 100%;
max-width: none;
padding-inline: 0;
}
.how-it-works .t-section>.t-container>.t-page-content {
width: 100%;
max-width: none;
}
.how-works {
max-width: 1600px;
margin: 0 auto;
margin-top: 150px;
display: flex;
padding-inline: 20px;
position: relative;
z-index: 110;
}
.how-works div:nth-child(1) img {
width: 100%;
max-width: 800px;
min-width: 500px;
margin-top: -90px;
display: inline-block;
}
.how-works div:nth-child(2) h1 {
font-size: 33px;
line-height: 40px;
font-weight: 800;
font-family: var(--font-display);
color: #001743;
margin-bottom: 0;
}
.how-works div:nth-child(2) figure {
max-width: 300px;
margin-left: 160px;
margin-bottom: 45px;
margin-top: 0px;
}
.how-works div:nth-child(2) p:nth-child(4) {
margin-bottom: 80px;
}
.how-works div:nth-child(2) p {
font-size: 24px;
line-height: 30px;
font-weight: 400;
font-family: var(--font-body);
color: #001743;
}
@media(max-width: 1340px) {
.how-works {
margin-top: 290px;
}
.how-works div:nth-child(2) figure {
margin-top: 0px;
}
.how-works div:nth-child(1) img {
margin-top: 0px;
}
}
@media(max-width: 980px) {
.how-works {
margin-top: 200px;
flex-direction: column-reverse;
}
.how-works div:nth-child(1) img {
margin-top: 0px;
}
}
@media(max-width: 900px) {
.how-works {
margin-top: 50px;
flex-direction: column-reverse;
}
.how-works div:nth-child(1) img {
margin-top: 0px;
}
}
@media(max-width: 768px) {
.how-works div:nth-child(2) h1 {
font-size: 22px;
line-height: 26px;
}
.how-works div:nth-child(2) figure {
max-width: 200px;
margin-left: 100px;
margin-bottom: 17px;
}
.how-works div:nth-child(2) p {
font-size: 14px;
line-height: 20px;
}
.how-works div:nth-child(1) img {
min-width: 0;
margin-top: -20px;
}
}
/* second section */
.consumption {
background: url('/wp-content/themes/easy-deals-book-theme/assets/images/how-works-back-scaled.png');
background-position: center;
background-repeat: no-repeat ;
background-size: contain;
padding-block: 320px;
margin-top: -100px;
position: relative;
z-index: 100;
margin-bottom: 0;
display: flex;
justify-content: center;
@media(max-width: 2500px){
margin-top:-190px
}
@media(max-width: 2100px){
margin-top: -230px;
}
@media(max-width: 1900px){
margin-top: -250px;
}
@media(max-width:1416px){
padding-block: 370px;
}
@media(max-width:1266px){
background-size: cover;
padding-block: 170px;
margin-top: -0px;
}
@media(max-width: 500px){
background: url('/wp-content/themes/easy-deals-book-theme/assets/images/how-works-back-mob.png');
background-size: cover;
padding-top: 330px;
padding-bottom: 230px;
margin-top: -250px;
}
@media(max-width: 460px){
padding-bottom: 150px;
}
@media(min-width: 2351px){
background-size: 100% 100%;
margin-top: -100px;
}
}
.consumption>div.wp-block-column {
max-width: 1179px;
background: #273a5e;
border-radius: 37px;
padding: 35px 20px 45px 20px;
border: 1px solid #DFA85F;
@media(max-width:1230px){
margin-inline:28px ;
}
}
.consumption img {
width: 110px;
display: block;
margin-bottom: 15px;
}
div.consumption h2.consumption-heading {
font-size: 21px;
line-height: 28px;
font-weight: 600;
font-family:var(--font-body);
color: white ;
text-align: center;
max-width: 440px;
margin: 0 auto ;
margin-bottom: 30px ;
}
.consumption p {
font-size: 17px;
line-height: 22px;
font-weight: 400;
font-family:var(--font-body);
color: white;
text-align: center;
margin: 0 auto;
margin-bottom: 30px;
}
/* third section */
div.what-wins-header h2 {
text-align: center;
font-size: 32px ;
line-height: 42px;
font-family: var(--font-display);
margin-bottom: 150px;
color: #000000 ;
}
.what-wins-bd {
max-width: 1600px;
margin: 0 auto;
padding-inline: 15px;
}
.what-wins-bd>div:nth-child(1) figure {
margin: 0;
width: 100%;
}
.what-wins-bd>div:nth-child(1) figure img {
display: block;
max-width: 700px;
width: 100%;
margin: 0 auto;
margin-top: -50px;
}
.what-wins-bd>div:nth-child(2) figure {
display: inline-block;
width: 35px;
min-width: 35px;
margin-right: 27px;
}
.what-wins-bd>div:nth-child(2) img {
display: block;
width: 35px;
min-width: 35px;
height: 27px;
}
.what-wins-bd>div:nth-child(2)>.wp-block-group {
margin-bottom: 26px;
max-width: 530px;
}
.what-wins-bd>div:nth-child(2) p {
text-align: left;
font-size: 21px;
line-height: 28px;
font-family: var(--font-body);
font-weight: 400;
color: #000E29;
}
.what-wins-bd>div:nth-child(2)>.wp-block-group:nth-child(3) {
margin-bottom: 50px;
}
.what-wins-bd>div:nth-child(2) .wp-block-buttons {
max-width: 530px;
}
.what-wins-bd>div:nth-child(2) .wp-block-button__link {
background: #EAC67F;
border-radius: 11px;
font-size: 16px;
line-height: 22px;
font-family: var(--font-ui);
font-weight: 600;
color: #000E29;
width: 285px;
height: 60px;
text-decoration: none;
}
@media(max-width: 1266px) {
div.what-wins-header h2 {
margin-top: 40px ;
}
}
@media(max-width: 1050px) {
.what-wins-bd {
flex-direction: column ;
align-items: center ;
}
.what-wins-bd >div:nth-child(2){
max-width:450px;
margin: 0 auto;
}
}
@media(max-width: 768px) {
div.what-wins-header h2 {
margin-top: 100px;
font-size: 28px;
margin-top: 40px;
line-height: 34px;
margin-bottom: 40px;
}
.what-wins-bd {
flex-direction: column;
align-items: center ;
}
.what-wins-bd>div:nth-child(2) figure {
display: inline-block;
width: 29px;
min-width: 29px;
margin-right: 20px;
}
.what-wins-bd>div:nth-child(2) img {
width: 29px;
min-width: 22px ;
height: 20px ;
}
.what-wins-bd>div:nth-child(2) p {
font-size: 14px;
line-height: 20px;
}
.what-wins-bd>div:nth-child(2)>.wp-block-group {
margin-bottom: 24px;
}
.what-wins-bd>div:nth-child(2) .wp-block-button__link {
background: #EAC67F;
font-size: 14px;
line-height: 19px;
font-weight: 700;
font-family: var(--font-ui);
width: 190px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.what-wins-bd >div:nth-child(2){
max-width:280px;
margin: 0 auto !important;
}
}
/*fourth section*/
.simple-section {
max-width: 1600px;
margin: 0 auto;
margin-top: 180px;
padding-inline: 25px;
}
.simple-section h2 {
text-align: center;
margin-top: 0;
font-size: 59px ;
line-height: 91px;
font-family: var(--font-display);
font-weight: 600;
color: #000000;
margin-bottom: 40px;
}
.simple-section p {
text-align: center;
max-width: 1062px;
margin: 0 auto;
margin-bottom: 30px;
font-size: 21px;
line-height: 28px;
font-family: var(--font-body);
font-weight: 400;
color: #001743;
}
@media(max-width: 768px) {
.simple-section {
margin-top: 100px;
}
.simple-section h2 {
font-size: 22px ;
line-height: 29px;
margin-bottom: 33px;
}
.simple-section p {
margin-bottom: 10px;
font-size: 14px;
line-height: 20px;
}
}
/*fifth section*/
.different-section {
max-width: 1220px;
margin: 0 auto;
width: calc(100% - 50px);
margin-top: 119px;
background: #000E29;
border-radius: 36px;
border: 1px solid #707070;
padding-block: 55px;
padding-inline: 140px;
display: flex ;
gap: 10px ;
}
.different-section div:nth-child(1) {
width: calc(40% - 5px);
max-width: calc(40% - 5px);
}
.different-section div:nth-child(2) {
width: calc(60% - 5px);
max-width: calc(60% - 5px);
}
.different-section div:nth-child(1) figure {
display: inline-block;
margin: 0 auto;
max-width: 278px;
}
.different-section div:nth-child(1) figure img {
display: block;
margin: 0;
}
.different-section div:nth-child(2) h2 {
text-align: left;
font-size: 33px;
line-height: 40px;
font-family: var(--font-display);
font-weight: 600;
color: white;
margin-top: 0px;
margin-bottom: 40px;
}
.different-section div:nth-child(2) p {
text-align: left;
font-size: 21px;
line-height: 28px;
font-family: var(--font-body);
font-weight: 400;
color: white;
margin-bottom: 0px;
}
.different-section div:nth-child(2) p:nth-child(2) {
margin-bottom: 30px;
}
@media(max-width: 1120px) {
.different-section {
padding-block: 45px;
padding-inline: 50px;
}
}
@media(max-width: 860px) {
.different-section {
flex-direction: column;
gap: 30px ;
}
.different-section div:nth-child(1){
width: 100% ;
max-width: 100%;
}
.different-section div:nth-child(2){
width: 100% ;
max-width: 100%;
}
.different-section>div:nth-child(1) figure{
display: flex;
justify-content: center;
}
.different-section>div:nth-child(2) h2{
text-align: center ;
}
.different-section>div:nth-child(2) p{
text-align: center ;
}
}
@media(max-width: 768px){
.different-section{
padding: 23px 30px 48px 30px;
gap: 23px;
margin-top: 67px;
}
.different-section>div:nth-child(1) figure{
max-width: 112px;
}
.different-section>div:nth-child(2) h2{
font-size: 22px ;
line-height: 29px;
margin-bottom: 23px;
}
.different-section>div:nth-child(2) p{
font-size: 14px ;
line-height: 19px;
}
.different-section div:nth-child(2) p:nth-child(2){
margin-bottom: 15px;
}
.different-section>div:nth-child(2) p:last-child{
margin-bottom: 0px ;
}
}
/* sixtth section */
.how-works-getit-section {
max-width: 1600px;
margin: 0 auto;
margin-top: 190px;
max-width: calc(100% - 50px);
}
.how-works-getit-section h2 {
font-size: 59px ;
line-height: 70px;
font-family: var(--font-display);
font-weight: 600;
color: #000000 ;
max-width: 726px;
margin: 0 auto ;
margin-bottom: 50px ;
margin-top: 0px;
}
.how-works-getit-section .wp-block-buttons {
display: flex;
justify-content: center;
}
.how-works-getit-section .wp-block-buttons a {
display: inline-flex;
justify-content: center;
align-items: center;
width: 286px;
height: 60px;
font-size: 16px;
line-height: 22px;
font-family: var(--font-ui);
font-weight: 700;
color: #000E29;
background: #EAC67F;
border-radius: 11px;
text-decoration: none;
}
@media(max-width: 768px) {
.how-works-getit-section {
margin-top: 65px;
margin-bottom: 65px;
}
.how-works-getit-section h2 {
text-align: center;
margin-bottom: 50px ;
font-size: 22px ;
line-height: 37px ;
max-width: 280px;
}
.how-works-getit-section .wp-block-buttons a {
width: 190px;
height: 40px;
font-size: 14px;
line-height: 19px;
}
}
/* END PAGE POS LEITOURGEI */
/* SYNERGASIES SELIDA */
body:not(.home) .main-content >.partnerships>.t-section,
body:not(.home) .main-content >.partnerships>.t-page-content--full>.t-section {
background: white;
padding: 0;
padding-top: 0 ;
}
.partnerships .t-container {
min-width: 100%;
padding: 0;
}
.partnerships .t-container>.t-page-content {
width: 100%;
min-width: 100%;
}
.partnerships .t-container {
width: 100%;
min-width: 100%;
}
body:not(.home):has(.partnerships) .t-header-inner{
background-color: #001743;
}
/* FIRST SECTION */
.part-hero {
background: url("/wp-content/themes/easy-deals-book-theme/assets/images/synergasies-hero-back.png");
background-position: center;
background-size: cover;
background-repeat: no-repeat;
padding-bottom: 100px;
padding-top: 150px;
margin-top:-10px;
}
.part-hero>div {
max-width: 1500px;
margin: 0 auto;
}
.part-hero div:nth-child(1) figure {
max-width: 723px;
margin: 0 auto;
display: inline-block;
position: relative;
bottom: -200px;
}
.part-hero div:nth-child(2) {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.part-hero div:nth-child(2) h1 {
color: white;
font-size: 43px;
line-height: 60px;
font-family: var(--font-display);
font-weight: bold;
margin-bottom: 30px;
}
.part-hero div:nth-child(2) p:nth-child(2) {
color: white;
font-size: 16px;
line-height: 25px;
font-family: var(--font-display);
font-weight: 400;
margin-bottom: 30px;
}
.part-hero div:nth-child(2) .wp-block-button a {
background: #EAC67F;
width: 300px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 11px;
color: #000E29;
text-decoration: none;
font-size: 16px;
line-height: 22px;
font-weight: 700;
font-family: var(--font-ui);
}
@media(min-width: 2300px){
.part-hero {
padding-bottom: 430px;
}
.part-hero div:nth-child(1) figure {
bottom: -190px;
}
}
@media(max-width: 2300px){
.part-hero {
padding-bottom: 230px;
}
.part-hero div:nth-child(1) figure {
bottom: -290px;
}
}
@media(max-width: 2100px) {
.part-hero {
padding-bottom: 200px;
}
.part-hero div:nth-child(1) figure {
bottom: -250px;
}
}
@media(max-width: 1900px) {
.part-hero {
padding-bottom: 100px;
}
.part-hero div:nth-child(1) figure {
padding-bottom: 100px;
}
}
@media(max-width: 1100px) {
.part-hero {
padding-top: 250px !important;
}
.part-hero>div>div {
display: flex;
flex-direction: column-reverse;
}
.part-hero>div>div>div,
.part-hero>div>div>div:nth-child(2) {
display: flex;
justify-content: center;
align-items: center;
}
.part-hero div:nth-child(1) figure {
max-width: 723px;
margin: 0 auto;
display: inline-block;
position: relative;
bottom: 0px;
padding: 0;
margin-bottom: -60px;
}
.part-hero div:nth-child(2) h1 {
color: white;
font-size: 43px;
line-height: 60px;
font-family: var(--font-display);
font-weight: bold;
margin-bottom: 30px;
text-align: center;
}
.part-hero div:nth-child(2) p:nth-child(2) {
color: white;
font-size: 16px;
line-height: 25px;
font-family: var(--font-display);
font-weight: 400;
margin-bottom: 30px;
text-align: center;
max-width: 100%;
min-width: 100%;
}
}
@media(max-width: 900px) {
.part-hero {
margin-top: -10px;
padding-top: 100px !important;
padding-inline: 20px;
}
}
@media(max-width: 768px) {
.part-hero {
margin-top: -10px;
padding-top: 70px !important;
}
.part-hero div:nth-child(2) h1 {
color: white;
font-size: 28px;
line-height: 45px;
margin-bottom: 20px;
}
.part-hero div:nth-child(2) p:nth-child(2) {
margin-bottom: 20px;
}
.part-hero div:nth-child(2) .wp-block-button a {
width: 250px;
height: 50px;
display: flex;
font-size: 14px;
line-height: 22px;
}
}
/*second section */
.part-heading {
margin-top: 55px;
padding-inline: 20px;
}
.part-heading h2 {
text-align: center;
font-size: 33px;
line-height: 70px;
font-family: var(--font-display);
font-weight: 700;
color: black;
}
@media(max-width: 1100px) {
.part-heading {
margin-top: -50px;
}
}
@media(max-width: 768px) {
.part-heading h2 {
font-size: 28px;
line-height: 37px;
}
}
/*third section*/
.part-adv-cols {
max-width: 1600px;
margin: 0 auto;
}
.part-adv-cols figure {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 19px;
height: 55px;
}
.part-adv-cols figure img {
display: inline-block;
height: 55px;
width: auto;
}
.part-adv-cols .part-advantages-head {
font-size: 16px;
line-height: 22px;
font-family: var(--font-display);
font-weight: bold;
color: #001743;
text-align: center;
margin: 0;
}
.part-adv-cols p {
font-size: 16px;
line-height: 22px;
font-family: var(--font-display);
font-weight: 400;
color: #001743;
text-align: center;
}
.part-adv-cols {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-template-rows: auto;
gap: 0;
}
.part-advantages-col {
border-right: 1px solid #EAC67F;
padding-inline: 20px;
}
.part-adv-cols>.part-advantages-col:last-child {
border: none;
}
@media(max-width: 1030px) {
.part-advantages .part-adv-cols {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: auto;
row-gap: 20px;
}
}
@media(max-width: 790px) {
.part-advantages .part-adv-cols {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto;
row-gap: 20px;
}
}
@media(max-width: 600px) {
.part-advantages .part-adv-cols {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto;
row-gap: 20px;
}
.part-advantages-col {
border-right: none
}
}
/* HEADER CART DRAWER */
#fxmc-overlay.fxmc-overlay {
background: transparent;
backdrop-filter: blur(0px) ;
}
aside#fxmc-drawer.fxmc-drawer {
padding: 23px 0px;
top: 175px ;
border-radius: 17px;
width: 500px;
box-shadow: 0px 3px 6px #000000;
right: 0;
bottom: 20px ;
left: auto ;
right: calc(50vw - 900px);
.fxmc-head:after {
content: '';
display: block;
height: 1px;
width: 430px;
background: #7f8ba0;
position: absolute;
bottom: 0;
}
.fxmc-head {
position: relative;
padding: 0;
padding-bottom: 10px;
padding-top: 30px;
padding-inline: 40px;
border: none;
.fxmc-title {
font-size: 25px;
line-height: 36px;
font-family: var(--font-display);
font-weight: bold;
color: #001743;
span {
display: none;
}
}
button {
position: absolute;
top: 0;
right: 0;
padding: 0;
top: 18px;
right: 23px;
svg {
width: 18px;
height: 18px;
}
}
}
.fxmc-body {
overflow: hidden;
.fxmc-items {
overflow: auto;
.fxmc-item:after {
content: '';
display: block;
height: 1px;
width: 430px;
background: #7f8ba0;
position: absolute;
bottom: 0;
}
.fxmc-item:last-child:after {
display: none;
}
.fxmc-item {
position: relative;
padding-inline: 40px;
padding-block: 30px;
border-bottom: 0;
>a {
background: white;
width: auto;
height: auto;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
img {
width: 90px;
height: 90px;
object-fit: cover;
object-position: center;
}
}
.fxmc-info {
display: flex;
flex-direction: column;
.fxmc-name {
font-size: 16px;
line-height: 25px;
font-family: var(--font-display);
font-weight: 400;
color: #001743;
}
.fxmc-line {
display: none;
}
.fxmc-qty-row {
margin-top: auto;
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 0;
button {
background: white;
font-size: 16px;
line-height: 25px;
font-family: var(--font-display);
font-weight: 400;
color: #001743;
}
button:nth-child(1) {
order: 1;
}
button:nth-child(3) {
order: 3;
}
input {
order: 2;
display: inline-block;
background: white;
font-size: 16px;
line-height: 25px;
font-family: var(--font-display);
font-weight: 400;
color: #001743;
text-align: center;
max-width: 20px;
padding: 0;
border: none;
}
input:focus {
outline: none;
box-shadow: none;
border: none;
}
.fxmc-line-sub {
order: 5;
>span {
display: flex;
flex-wrap: nowrap;
flex-direction: row-reverse;
font-size: 18px;
line-height: 29px;
font-family: var(--font-display);
font-weight: 500;
color: #001743;
span {}
}
}
}
}
.fxmc-remove {
left: 0;
display: inline-block;
width: 20px;
height: 20px;
top: auto;
bottom: 37px;
left: 240px;
background: white;
svg {
display: none;
}
}
.fxmc-remove:after {
content: "";
display: inline-block;
width: 17px;
height: 20px;
background-color: #001743;
-webkit-mask-image: url("data:image/svg+xml;utf8,");
mask-image: url("data:image/svg+xml;utf8,");
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
}
}
.fxmc-foot:before {
content: '';
display: block;
height: 1px;
width: 430px;
background: #7f8ba0;
position: absolute;
top: 0;
}
.fxmc-foot {
position: relative;
padding: 0;
padding-inline: 40px;
border: none;
display: flex;
flex-direction: column;
.fxmc-subtotal {
margin-bottom: 0;
padding-block: 31px;
order: 1;
>span {
font-size: 24px;
line-height: 39px;
font-family: var(--font-display);
font-weight: 600;
color: #001743;
}
>strong {
>span {
display: flex;
flex-direction: row-reverse;
font-size: 24px;
line-height: 39px;
font-family: var(--font-display);
font-weight: 600;
color: #001743;
>span {}
}
}
}
a {
font-size: 16px;
line-height: 25px;
font-family: var(--font-display);
font-weight: 400;
border-radius: 11px;
display: block;
height: 60px;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
text-transform: uppercase;
}
a:nth-child(2) {
color: white;
background: #001743;
order:3;
}
a.fxmc-view-cart:nth-child(3) {
color: #001743;
background: #DCDCDC ;
order: 2;
margin-bottom: 10px;
display: inline-flex;
margin-top:0;
}
}
}
}
@media(max-width: 1806px){
aside#fxmc-drawer.fxmc-drawer{
right: 10px ;
}
}
@media(max-width: 1400px) {
aside#fxmc-drawer.fxmc-drawer {
top: 195px ;
right: 0px ;
}
}
@media(max-width: 900px) {
aside#fxmc-drawer.fxmc-drawer {
top: 205px ;
}
}
@media(max-width: 782px) {
aside#fxmc-drawer.fxmc-drawer {
top: 219px ;
}
}
@media(max-width: 768px) {
aside#fxmc-drawer.fxmc-drawer {
padding: 13px 0px;
top: 205px ;
width: 100% ;
max-width: 500px ;
.fxmc-head:after {
width: auto;
left: 20px;
right: 20px;
}
.fxmc-head {
padding-bottom: 10px;
padding-top: 30px;
padding-inline: 20px;
border: none;
.fxmc-title {
font-size: 22px;
line-height: 33px;
}
button {
top: 10px;
right: 20px;
}
}
.fxmc-body {
.fxmc-items {
.fxmc-item:after {
width: auto;
left: 20px;
right: 20px;
}
.fxmc-item:last-child:after {
display: none;
}
.fxmc-item {
position: relative;
padding-inline: 20px;
padding-block: 15px;
border-bottom: 0;
>a {
img {}
}
.fxmc-info {
display: flex;
flex-direction: column;
}
.fxmc-remove {
bottom: 22px;
left: 240px;
}
}
}
.fxmc-foot:before {
width: auto;
left: 20px;
right: 20px;
}
.fxmc-foot {
padding-inline: 20px;
.fxmc-subtotal {
padding-block: 15px;
>span {
font-size: 18px;
line-height: 22px;
}
>strong {
>span {
font-size: 18px;
line-height: 22px;
}
}
}
a {
height: 45px;
}
}
}
}
}
@media(max-width: 388px) {
aside#fxmc-drawer.fxmc-drawer {
.fxmc-body {
.fxmc-items {
.fxmc-item {
.fxmc-remove {
bottom: 22px;
left: 215px ;
}
}
}
}
}
}
/* CONTACT PAGE */
.cnt-heading {
padding-top: 230px;
text-align: center;
font-size: 33px;
line-height: 47px;
font-weight: 700;
color: #001743;
font-family: var(--font-display);
padding-bottom: 68px;
background: white;
margin-bottom: 0;
}
.cnt-form-row {
background: white;
padding-inline: 15px;
display: flex;
justify-content: center;
}
.cnt-form-row>div {
max-width: 1260px;
margin: 0 auto;
}
.easy-deals-cnt .cnt-row {
display: flex;
gap: 20px;
}
.easy-deals-cnt .cnt-row>div {
width: 50%;
}
.easy-deals-cnt .cnt-field p {
margin-bottom: 20px;
}
.cnt-form-row input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
.cnt-form-row textarea {
background: #F9F2E8;
border: none;
display: block;
height: 72px;
border-radius: 20px;
font-size: 18px;
line-height: 29px;
color: #00174380;
font-family: var(--font-display);
font-weight: 400;
padding-left: 32px;
padding-block: 28px;
}
.cnt-form-row input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"])::placeholder,
.cnt-form-row textarea::placeholder {
font-size: 18px;
line-height: 29px;
color: #00174380;
font-family: var(--font-display);
font-weight: 400;
}
.cnt-form-row input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):focus,
.cnt-form-row textarea:focus {
outline: none;
box-shadow: none;
}
.cnt-form-row textarea {
min-height: 347px;
}
.cnt-submit {
display: flex;
justify-content: center;
gap: 5px;
align-items: center;
}
.cnt-submit p {
display: flex;
justify-content: center;
gap: 5px;
align-items: center;
line-height: 0;
}
.cnt-submit .wpcf7-spinner {
margin: 0;
}
.cnt-form-row .wpcf7-submit {
font-size: 16px;
line-height: 22px;
color: #000E29;
font-family: var(--font-ui);
font-weight: 700;
width: 286px;
height: 60px;
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 11px;
background: #EAC67F;
border: none;
margin-top: 30px;
}
.cnt-form-row .wpcf7-not-valid-tip {
font-size: 16px;
line-height: 22px;
font-family: var(--font-ui);
font-weight: 400;
}
.cnt-form-row .wpcf7-response-output {
font-size: 16px;
line-height: 22px;
font-family: var(--font-ui);
font-weight: 400;
border: 2px solid #EAC67F;
}
@media(max-width: 900px) {
.cnt-heading {
padding-top: 60px;
padding-bottom: 48px;
}
}
@media(max-width: 768px) {
.cnt-heading {
font-size: 28px;
line-height: 35px;
}
.easy-deals-cnt .cnt-row {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.easy-deals-cnt .cnt-row>div {
width: 100%;
}
.easy-deals-cnt .cnt-field:nth-child(1) p {
margin-bottom: 10px;
}
.cnt-form-row textarea {
margin-top: 8px;
display: inline-block;
}
.cnt-form-row input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
.cnt-form-row textarea {
height: 62px;
font-size: 16px;
line-height: 22px;
padding-left: 22px;
padding-block: 24px;
}
.cnt-form-row input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"])::placeholder,
.cnt-form-row textarea::placeholder {
font-size: 16px;
line-height: 22px;
}
.cnt-form-row textarea {
min-height: 347px;
}
.cnt-form-row .wpcf7-submit {
font-size: 15px;
line-height: 22px;
width: 246px;
height: 60px;
margin-top: 20px;
}
}
/* FORMA PARAPONON */
body:not(.home) .main-content > article.complaints-form > .t-section{
padding: 0;
}
.complaints-form .t-container{
max-width: 100%;
padding: 0;
}
.complaints-form .t-page-content{
width: 100%;
max-width: 100%;
padding-inline: 15px;
background: white;
}
.complain-header {
padding-top: 240px;
padding-bottom: 37px;
text-align: center;
font-size: 33px;
line-height: 53px;
font-weight: 700;
color: #001743;
font-family: var(--font-display);
background: white;
margin-bottom: 0;
}
.complaint-header-prgraph {
text-align: center;
font-size: 16px;
line-height: 25px;
font-weight: 400;
color: #001743;
font-family: var(--font-display);
background: white;
margin-bottom: 0;
padding-bottom: 112px;
}
.complaints-row {
background: white;
}
.fcs-complaint-wrap {
max-width: 1153px;
}
.fcs-field-row--3 label {
font-size: 16px;
line-height: 25px;
font-weight: 600;
color: #001743;
font-family: var(--font-display);
margin-bottom: 16px;
margin-left: 20px;
white-space: nowrap;
text-transform: uppercase;
}
div.fcs-field-row--3 input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]) {
background: #F3F3F3;
border-radius: 30px;
font-size: 16px;
line-height: 25px;
font-weight: 400;
color: #001743;
display: block;
height: 60px;
font-family: var(--font-display);
border: none;
}
div.fcs-field-row--3 input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):focus {
outline: none;
box-shadow: none;
}
.fcs-field-row--3 {
gap: 40px;
}
.fcs-field-row--3.row-1 {
margin-bottom: 40px;
grid-template-columns: 1fr 1fr 1fr;
}
.fcs-field-row--3.row-1 .full-name {
min-width: 400px;
}
.fcs-field-row--3.row-2 {
margin-bottom: 51px;
grid-template-columns: 1fr 1fr 1fr;
}
.fcs-field-row--3.row-2 .store {
min-width: 400px;
}
.fcs-field-row--3 .fcs-field {
margin-bottom: 0px;
}
div.fcs-field-row--3 select {
border-radius: 30px;
background: #F3F3F3;
border: none;
box-shadow: none;
height: 60px;
padding-inline: 20px;
font-size: 16px;
line-height: 25px;
font-weight: 400;
color: #001743;
font-family: var(--font-display);
}
div.fcs-field-row--3 select option {
font-size: 16px;
line-height: 25px;
font-weight: 400;
color: #001743;
font-family: var(--font-display);
}
.fcs-field-row--3 input::placeholder {
font-size: 16px;
line-height: 25px;
font-weight: 400;
color: #001743;
font-family: var(--font-display);
}
.fcs-hint {
display: none;
}
label.fcs-group-label {
font-size: 16px;
line-height: 25px;
font-weight: 600;
color: #001743;
font-family: var(--font-display);
}
.fcs-option-grid label {
padding: 0;
border: none;
display: flex;
align-items: center;
background: transparent;
}
.fcs-option-grid label span {
text-transform: uppercase;
}
.use-method {
margin-bottom: 51px;
}
.use-method .fcs-option {
gap: 16px;
}
.use-method .fcs-option span {
font-size: 16px;
line-height: 25px;
font-weight: 400;
color: #001743;
font-family: var(--font-display);
}
.use-method .fcs-group-label {
margin-bottom: 27px;
}
.use-method .fcs-option-grid {
display: flex;
flex-wrap: wrap;
column-gap: 62px;
row-gap: 30px;
justify-content: flex-start;
}
.fcs-option-grid label.fcs-option:has(input:checked) {
border-color: #c9a44a;
background: white !important;
font-weight: 600;
}
.complain-type {
margin-bottom: 85px;
}
.complain-type .fcs-option-grid--wide {
display: flex;
flex-wrap: wrap;
column-gap: 54px;
row-gap: 41px;
}
.complain-type .fcs-group-label {
margin-bottom: 41px;
}
.complain-type .fcs-option {
margin-bottom: 0;
gap: 16px;
}
.complain-type .fcs-option span {
white-space: nowrap;
font-size: 16px;
line-height: 25px;
font-weight: 400;
color: #001743;
font-family: var(--font-display);
}
.fcs-field-desc {
margin-bottom: 40px;
}
.fcs-field-desc label {
font-size: 16px;
line-height: 25px;
font-weight: 600;
color: #001743;
font-family: var(--font-display);
text-transform: uppercase;
display: block;
}
.fcs-field-desc textarea {
border: 0.5px solid #707070;
border-radius: 18px;
min-height: 277px;
margin-top: 24px;
display: block;
font-size: 16px;
line-height: 25px;
font-family: var(--font-display);
font-weight:400;
}
.fcs-field-desc textarea:placeholder{
font-size: 16px;
line-height: 25px;
font-family: var(--font-display);
font-weight:400;
}
.fcs-field-desc textarea:focus {
box-shadow: none;
outline: none;
border: 0.5px solid #707070;
}
.fcs-section-title {
display: none;
}
.row-book-category label {
font-size: 16px;
line-height: 25px;
font-weight: 500;
color: #001743;
display: block;
font-family: var(--font-display);
margin-bottom: 16px;
margin-left: 20px;
text-transform: uppercase;
}
.row-book-category{
display: flex;
gap:53px ;
margin-bottom:39px;
}
.row-book-category .fcs-field {
max-width: 400px;
width:100%;
margin-bottom:0px;
}
.row-book-category input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]) {
background: #F3F3F3;
border-radius: 30px;
font-size: 16px;
line-height: 25px;
font-weight: 400;
color: #001743;
display: block;
height: 60px;
font-family: var(--font-display);
border: none;
}
.row-book-category input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):focus {
outline: none;
box-shadow: none;
border:none;
}
div.fcs-field-row--3 input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):focus {
outline: none;
box-shadow: none;
}
.radio-btn-questions{
display: flex;
flex-wrap: wrap;
column-gap: 282px ;
row-gap: 20px;
margin-bottom: 49px;
}
.radio-btn-questions label{
text-transform: uppercase;
font-size: 16px;
line-height: 25px;
font-weight: 500;
font-family: var(--font-display);
color:#001743 ;
display: block;
margin-bottom: 35px;
}
.radio-btn-questions .fcs-radio-group{
display: flex;
gap:47px;
}
.radio-btn-questions .fcs-field{
margin-bottom: 0;
}
.radio-btn-questions .fcs-radio-group label{
margin-bottom: 0;
display: flex;
align-items: center;
gap: 16px;
font-size: 16px;
line-height: 25px;
font-weight: 400;
font-family: var(--font-display);
color:#001743 ;
}
.fcs-field-comments{
margin-bottom: 49px;
}
.fcs-field-comments>label{
font-size: 16px;
line-height: 25px;
font-weight: 600;
font-family: var(--font-display);
color:#001743 ;
text-transform: uppercase;
display: block;
margin-bottom:24px ;
}
.fcs-field-comments textarea{
border: 0.5px solid #707070 ;
border-radius: 18px;
min-height: 203px;
font-size: 16px;
line-height: 25px;
font-weight: 600;
font-family: var(--font-display);
color:#001743 ;
}
.fcs-field-comments textarea:focus{
outline: none;
box-shadow: none;
border: 0.5px solid #707070 ;
}
.fcs-field-download {
margin-bottom: 97px;
cursor: pointer;
.fcs-photo-preview{
display: flex;
gap: 10px;
flex-wrap: wrap;
}
label {
color: #001743;
font-size: 16px;
line-height: 25px;
font-weight: 600;
font-family: var(--font-display);
margin-bottom: 53px;
}
.upload-files {
display: flex;
flex-wrap: wrap;
align-items: center;
column-gap: 16px;
row-gap: 0;
.download-image {
svg {
width: 21px;
height: 18px;
}
}
.download-initciate {
color: #3A3AE0;
font-size: 16px;
line-height: 25px;
font-weight: 400;
font-family: var(--font-display);
text-decoration: underline;
}
.fcs-photos-desc {
color: #001743;
font-size: 16px;
line-height: 25px;
font-weight: 400;
font-family: var(--font-display);
}
}
}
.fcs-field-consent {
margin-bottom: 60px;
label {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 16px;
color: #001743;
font-size: 16px;
line-height: 25px;
font-weight: 400;
font-family: var(--font-display);
a {
color: #3A3AE0;
font-size: 16px;
line-height: 20px;
font-weight: 400;
font-family: var(--font-display);
}
}
}
.fcs-submit-btn {
display: inline-block;
width: 340px;
height: 60px;
border-radius: 30px;
color: white;
font-size: 16px;
line-height: 20px;
font-weight: 400;
font-family: var(--font-display);
display: flex;
align-items: center;
justify-content: center;
text-transform: uppercase;
}
@media(max-width:1120px) {
.fcs-field-row--3.row-1 {
display: flex;
flex-direction: column;
gap: 15px;
}
.fcs-field-row--3.row-2 {
display: flex;
flex-direction: column;
gap: 15px;
}
}
@media(max-width: 900px) {
.complain-header {
padding-top: 70px;
}
.complaint-header-prgraph {
padding-bottom: 50px;
}
}
@media(max-width:768px) {
.row-book-category {
flex-direction: column;
gap: 10px;
}
.row-book-category .fcs-field {
width: 100%;
max-width: 100%;
}
.fcs-field-download {
margin-bottom: 30px;
}
.fcs-field-download {
label {
margin-bottom: 20px;
}
}
.complain-type {
margin-bottom: 40px;
}
.fcs-field-row--3.row-1 {
margin-bottom: 20px;
}
.fcs-field-row--3.row-1 .full-name {
min-width: auto;
}
.fcs-field-row--3.row-2 .store {
min-width: auto;
}
.radio-btn-questions label{
margin-bottom: 20px;
}
.fcs-gdpr-field .fcs-checkbox-label{
flex-wrap: wrap;
align-items: center;
span{
width: calc(100% - 40px);
}
}
}
/* SHOP PAGE */
.post-type-archive-product .t-header .t-header-inner {
background-color: rgba(255, 255, 255, 0.2);
}
.post-type-archive-product .main-content {
background: white;
}
section.edb-empeiries-hero {
background: url("/wp-content/themes/easy-deals-book-theme/assets/images/hero-shop-page.png");
padding: var(--header-clear) 0 0;
box-sizing: border-box;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
z-index: 100;
}
.edb-empeiries-hero .main-heading {
display: flex;
flex-direction: column;
align-items: center;
max-width: 904px;
width: 100%;
}
.edb-empeiries-hero .main-heading .text {
font-size: 63px;
line-height: 90px;
font-weight: 700;
color: white;
font-family: var(--font-display);
}
.edb-empeiries-hero .main-heading .img {
display: flex;
justify-content: center;
margin-top: 38px;
}
.edb-empeiries-hero .main-heading .img img {
display: inline-block;
margin: 0 auto;
max-width: 346px;
width: 100%;
}
.post-type-archive-product .t-section {
background: white;
}
@media(min-width: 2300px ) {
.edb-empeiries-hero {
height: 620px;
background-size: cover;
}
}
@media(max-width: 2300px ) {
.edb-empeiries-hero {
height: 520px;
}
}
@media(max-width: 1900px) {
.edb-empeiries-hero {
height: 480px;
}
}
@media(max-width:768px) {
.post-type-archive-product .t-header .t-header-inner {
background-color: #001743;
}
.edb-empeiries-hero {
height: 310px;
padding-inline: 10px;
}
.edb-empeiries-hero .main-heading {
max-width: 316px;
}
.edb-empeiries-hero .main-heading .text {
font-size: 22px;
line-height: 33px;
}
.edb-empeiries-hero .main-heading .img {
margin-top: 24px;
}
.edb-empeiries-hero .main-heading .img img {
max-width: 244px;
width: 100%;
}
}
@media(max-width:500px) {
.edb-empeiries-hero {
height: 227px;
padding-inline: 10px;
}
}
/* Archive shop page */
.post-type-archive-product section.t-section {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: auto;
max-width: 1593px;
margin: 0 auto;
padding-inline: 15px;
gap: 59px;
align-items: start;
}
.post-type-archive-product .t-sidebar {
grid-column: 1/5;
grid-row: 1/2;
background-color: #F9F2E8;
border-radius: 20px;
padding: 28px 24px;
}
.post-type-archive-product .t-container {
grid-column: 5/13;
grid-row: 1/2;
padding-inline: 0px;
}
.post-type-archive-product .woocommerce-result-count {
display: none;
}
.post-type-archive-product .woocommerce-ordering {
display: none;
}
.archive-map {
width: 100%;
display: flex;
justify-content: center;
padding-block: 24px;
background: #F9F2E8;
border-radius: 20px;
}
.archive-map .map-container {
display: flex;
align-items: center;
gap: 11px;
}
.archive-map .map-container img {
width: 19px;
height: 17px;
}
.archive-map .map-container .text {
font-size: 17px;
line-height: 27px;
font-weight: 400;
color: #000000;
font-family: var(--font-display);
}
.post-type-archive-product {
.t-booklets-grid {
margin-top: 25px;
display: grid;
grid-template-columns: 1fr;
gap: 21px;
}
.t-booklet-card {
display: flex;
gap: 25px;
padding: 55px 36px;
background: #F9F2E8;
border-radius: 20px;
box-shadow: none;
border: none;
}
.t-booklet-card:hover {
box-shadow: none;
border: none;
transform: translateY(0px);
}
.t-booklet-card-img {
width: 100%;
height: 250px;
max-width: 350px;
padding: 20px;
background: white;
border-radius: 20px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.t-booklet-card-img img {
width: 100%;
max-width: 250px;
height: auto;
margin:0 auto;
}
.t-booklet-card-body {
padding: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
width: 100%;
}
.t-booklet-card-title {
font-size: 30px;
line-height: 48px;
font-weight: 700;
color: #000000;
font-family: var(--font-display);
}
.t-booklet-card-region {
font-size: 17px;
line-height: 27px;
font-weight: 400;
color: #818181;
font-family: var(--font-display);
display: flex;
align-items: flex-end;
gap: 10px;
}
.t-booklet-card-region span:nth-child(2) {
display: inline-block;
height: 19px;
display: block;
}
.t-booklet-card-region img {
width: 17px;
min-width: 17px;
height: 13px;
}
.t-booklet-card-footer {
min-width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
}
a.t-booklet-card-cta {
font-size: 16px;
line-height: 25px;
font-weight: 700;
color: black;
font-family: var(--font-display);
letter-spacing: 4px;
width: 259px;
height: 60px;
border-radius: 11px;
background: #EAC67F;
display: flex;
align-items: center;
justify-content: center;
}
.t-booklet-card-price {
display: flex;
align-items: flex-start;
gap: 0px;
}
.t-booklet-card-price span {
color: black;
font-family: var(--font-display);
}
.t-booklet-card-price .currency {
font-size: 22px;
line-height: 16px;
font-weight: 600;
line-height: 29px;
}
.t-booklet-card-price .int {
font-size: 37px;
line-height: 44px;
font-weight: 700;
}
.t-booklet-card-price .dec {
line-height: 19px;
font-size: 19px;
line-height: 33px;
font-weight: 600;
position: relative;
top: -3px;
}
.t-booklet-card .added_to_cart{
display: none;
}
}
@media(max-width:1450px) {
.post-type-archive-product section.t-section {
gap: 20px;
}
}
@media(max-width:1260px) {
.post-type-archive-product section.t-section {
display: flex;
flex-direction: column;
}
.post-type-archive-product .t-sidebar {
background-color: white;
padding: 0;
margin-inline: 0;
}
.post-type-archive-product .t-container {
padding-inline: 0px;
}
}
@media(max-width: 880px) {
.post-type-archive-product .t-sidebar {
margin-inline: 0;
background: white;
}
.post-type-archive-product {
.archive-map .map-container .text {
font-size: 16px;
line-height: 25px;
font-weight: 400;
color: #000000;
font-family: var(--font-display);
}
.archive-map {
padding-block: 20px;
border-radius: 14px;
}
.t-booklets-grid {
margin-top: 14px;
gap: 16px;
}
.t-booklet-card {
flex-direction: column;
gap: 23px;
padding: 20px 18px 13px 18px;
}
.t-booklet-card-img {
width: 100%;
min-width: 100%;
padding: 15px;
}
.post-type-archive-product .t-booklet-card-img img {
}
.t-booklet-card-title {
font-size: 18px;
line-height: 29px;
margin-bottom: 18px;
}
.t-booklet-card-region {
font-size: 14px;
line-height: 23px;
display: flex;
flex-wrap: nowrap;
align-items: flex-end;
margin-bottom: 39px;
}
.t-booklet-card-region span:nth-child(2) {
display: inline-block;
height: 16px;
display: block;
}
a.t-booklet-card-cta {
width: 166px;
height: 40px;
font-size: 13px;
line-height: 21px;
border-radius: 11px;
}
.t-booklet-card-price {
display: flex;
align-items: flex-start;
gap: 0px;
}
.t-booklet-card-price .currency {
font-size: 26px;
line-height: 47px;
}
.t-booklet-card-price .int {
font-size: 36px;
line-height: 57px;
font-weight: 700;
}
.t-booklet-card-price .dec {
font-size: 17px;
line-height: 50px;
}
}
}
/* archive page filters */
.post-type-archive-product {
.edb-empeiries-filter-tk {
border: none;
padding: 0;
position: relative;
margin-bottom: 54px;
}
.edb-empeiries-filter-tk input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]) {
background-color: white;
border: none;
width: 100%;
height: 60px;
border-radius: 12px;
font-size: 16px;
line-height: 25px;
font-weight: 400;
color: #AAAAAA;
font-family: var(--font-display);
padding-left: 37px;
padding-right: 10px;
}
.edb-empeiries-filter-tk input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"])::placeholder {
font-size: 16px;
line-height: 25px;
font-weight: 400;
color: #AAAAAA;
font-family: var(--font-display);
}
.edb-empeiries-filter-tk button {
background: transparent;
border: none;
position: absolute;
right: 25px;
top: 50%;
transform: translateY(-50%);
}
.edb-empeiries-filter-tk button svg {
width: 22px;
height: 22px;
color: black;
}
/*nomos filters*/
.edb-empeiries-tree-title {
padding: 0;
font-size: 24px;
line-height: 39px;
font-weight: 400;
color: #000000;
font-family: var(--font-display);
margin-bottom: 17px;
text-transform: initial;
}
}
@media(max-width:1260px) {
.post-type-archive-product {
.edb-empeiries-filter-tk {
margin-bottom: 14px;
}
.edb-empeiries-filter-tk input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]) {
border-radius: 12px;
padding-left: 22px;
padding-right: 10px;
background: #F3F3F3;
border-radius: 14px;
.edb-empeiries-filter-tk button svg {
width: 20px;
height: 20px;
color: black;
}
}
.edb-empeiries-tree-title,
.edb-empeiries-tree{
display: none;
}
}
}
/*archive page pagination*/
.post-type-archive-product .woocommerce-pagination{
display: none;
}
.t-shop-toolbar {
display: flex;
gap: 64px;
align-items: center;
margin-top: 108px;
.t-pagination {
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
span.t-page-first,
a.t-page-first,
a.t-page-prev,
span.t-page-prev{
font-size: 35px;
display: flex;
align-items: center;
margin-right:15px;
}
span.t-page-last,
a.t-page-last,
a.t-page-next,
span.t-page-next{
font-size: 35px;
display: flex;
align-items: center;
margin-left:15px;
}
.t-page {
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
line-height: 32px;
font-family: var(--font-display);
font-weight: 400;
color: #000000;
width: 33px;
height: 34px;
display: flex;
justify-content: center;
align-items: center;
}
.t-page.is-current {
width: 33px;
height: 34px;
border: 1px solid #DFA85F;
border-radius: 8px;
display: flex;
justify-content: center;
align-items: center;
}
}
.t-per-page {
position: relative;
select {
width: 206px;
height: 53px;
font-size: 20px;
line-height: 24px;
font-family: var(--font-display);
font-weight: 400;
color: #000000;
cursor: pointer;
border: 1px solid #DFA85F;
border-radius: 27px;
background: white;
padding-inline: 39px;
}
select:focus {
outline: none;
box-shadow: none;
}
.per-page-select-icon{
position: absolute;
right: 30px;
top: 55%;
transform: translateY(-50%);
}
}
}
@media(max-width: 768px){
.t-shop-toolbar {
margin-top: 46px;
justify-content: center;
.t-pagination {
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
span.t-page-first {
font-size: 30px;
display: flex;
align-items: center;
margin-right:15px;
}
span.t-page-last {
font-size: 30px;
display: flex;
align-items: center;
margin-left:15px;
}
.t-page {
font-size: 12px;
line-height: 19px;
width: 25px;
height: 25px;
}
.t-page.is-current {
width: 25px;
height: 25px;
}
}
.t-per-page {
display: none;
}
}
}
.footer-bottom p a {
color: #c9973e;
text-decoration: none;
font-weight: 600;
}
.footer-bottom p a:hover {
text-decoration: underline;
}
/* custom checkbox for complaint form*/
.custom-checkbox {
-webkit-appearance: none;
appearance: none;
background-color: #ffffff;
margin: 0;
width: 18px;
height: 18px;
border: 1px solid #707070;
cursor: pointer;
box-sizing: border-box;
display: inline-grid;
place-content: center;
position: relative;
transition: all 0.2s ease;
}
.custom-checkbox:checked {
background-color: #001743;
border-color: #001743;
}
.custom-checkbox::before {
content: "";
width: 5px;
height: 10px;
border: solid #ffffff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
display: none;
margin-top: -2px;
}
.custom-checkbox:checked::before {
display: block;
}
.custom-checkbox:focus,
.custom-checkbox:active {
outline: none ;
box-shadow: none ;
}
.radio-to-checkbox {
-webkit-appearance: none;
appearance: none;
background-color: #ffffff;
margin: 0;
width: 18px;
height: 18px;
border: 1px solid #707070;
border-radius: 0;
cursor: pointer;
box-sizing: border-box;
display: inline-grid;
place-content: center;
position: relative;
transition: all 0.2s ease;
}
.radio-to-checkbox:checked {
background-color: #001743;
border-color: #001743;
}
.radio-to-checkbox::before {
content: "";
width: 5px;
height: 10px;
border: solid #ffffff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
display: none;
margin-top: -2px;
}
.radio-to-checkbox:checked::before {
display: block;
}
.radio-to-checkbox:focus,
.radio-to-checkbox:active {
outline: none !important;
box-shadow: none !important;
}
/* CART PAGE */
body:not(.home).woocommerce-cart .main-content>article>.t-section {
background: white;
}
body:not(.home).woocommerce-cart .main-content>article>.t-section>.t-container {
max-width: 1800px;
margin: 0 auto;
}
.woocommerce-cart .t-page-content {
width: 100%;
max-width: 100%;
}
div.cart-wrapper {
width: 100%;
max-width: 100%;
min-width: 100%;
table.shop_table {
border: none;
thead {
tr {}
th {
background: white;
font-size: 16px;
line-height: 25px;
font-family: var(--font-display);
font-weight: 400;
color: #001743;
border-bottom: 1px solid #7F8BA0;
}
}
tbody {
tr.cart_item {
td {
border-bottom: 1px solid #7F8BA0;
}
.product-thumbnail {
display: flex;
align-items: center;
gap: 30px;
.cart-product-name {
font-size: 18px;
line-height: 29px;
font-family: var(--font-display);
font-weight: 400;
color: #001743;
text-decoration: none;
}
}
.product-price {
.amount {
bdi {
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
font-size: 18px;
line-height: 29px;
font-family: var(--font-display);
font-weight: 500;
color: #001743;
}
}
}
.product-quantity{
.quantity{
input{
background: white;
}
}
}
}
}
}
}
/* ===== EDB Checkout (classic, XD match) ===== */
.woocommerce-checkout .main-content > article > .t-section { background: #fff; }
.woocommerce-checkout .main-content > article > .t-section > .t-container { max-width: 1500px; margin: 0 auto; }
.woocommerce-checkout .t-page-content { width: 100%; max-width: 100%; }
.woocommerce-checkout .woocommerce-form-login-toggle,
.woocommerce-checkout .woocommerce-form-coupon-toggle { max-width: 1360px; margin: 0 auto 14px; }
.woocommerce-checkout .woocommerce-info {
background: #f7f4ec; border: none; border-top: 3px solid #c9a44a; border-radius: 8px;
color: #001743; padding: 14px 18px; box-shadow: none; list-style: none;
}
.woocommerce-checkout .woocommerce-info::before { display: none; }
.woocommerce-checkout .woocommerce-info a { color: #c9a44a; font-weight: 600; }
.woocommerce-checkout form.login, .woocommerce-checkout form.checkout_coupon {
background: #fff; border: 1px solid #ece9df; border-radius: 12px; padding: 22px; max-width: 1120px; margin: 0 auto 18px;
}
.edb-checkout-wrap {
display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 56px;
align-items: start; max-width: 1360px; margin: 0 auto;
}
.edb-checkout-wrap #customer_details { grid-column: 1; grid-row: 1 / span 2; }
.edb-checkout-wrap #order_review_heading { grid-column: 2; grid-row: 1; margin: 0 0 18px; font-size: 22px; color: #001743; }
.edb-checkout-wrap #order_review { grid-column: 2; grid-row: 2; }
.edb-checkout-wrap #customer_details,
.edb-checkout-wrap #customer_details .col-1,
.edb-checkout-wrap #customer_details .col-2 { display: block; width: 100%; float: none; padding: 0; grid-template-columns: none; }
.edb-checkout-wrap .woocommerce-additional-fields { display: none; }
.edb-checkout-wrap .col-2:empty { display: none; }
.edb-checkout-wrap .woocommerce-billing-fields > h3,
.edb-checkout-wrap .woocommerce-shipping-fields > h3 { font-size: 18px; color: #001743; margin: 0 0 16px; }
.edb-checkout-wrap .woocommerce-billing-fields__field-wrapper { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.edb-checkout-wrap .edb-fld-wide { grid-column: 1 / -1; }
.edb-checkout-wrap #billing_phone_field { order: 1; }
.edb-checkout-wrap .form-row { margin: 0; padding: 0; }
.woocommerce-checkout .edb-checkout-wrap input:not([type=radio]):not([type=checkbox]),
.woocommerce-checkout .edb-checkout-wrap select,
.woocommerce-checkout .edb-checkout-wrap textarea,
.woocommerce-checkout .edb-checkout-wrap .select2-selection,
.woocommerce-checkout form.login input:not([type=radio]):not([type=checkbox]),
.woocommerce-checkout form.checkout_coupon input:not([type=radio]):not([type=checkbox]) {
width: 100%; background: #f4f3ef; color: #001743; border: 1px solid #e6e3d8;
border-radius: 10px; padding: 15px 16px; font-size: 15px; min-height: 52px;
box-shadow: none; box-sizing: border-box;
}
.woocommerce-checkout form.login input:focus,
.woocommerce-checkout form.checkout_coupon input:focus { border-color: #c9a44a; outline: none; }
.woocommerce-checkout form.checkout_coupon { display: flex; gap: 12px; align-items: stretch; flex-wrap: wrap; }
.woocommerce-checkout form.checkout_coupon .input-text { flex: 1; min-width: 200px; }
.woocommerce-checkout form.login .button,
.woocommerce-checkout form.checkout_coupon .button {
background: #001743; color: #fff; border: none; border-radius: 30px;
padding: 14px 28px; font-weight: 700; cursor: pointer; transition: background .18s;
}
.woocommerce-checkout form.login .button:hover,
.woocommerce-checkout form.checkout_coupon .button:hover { background: #c9a44a; }
.woocommerce-checkout .edb-checkout-wrap input::placeholder,
.woocommerce-checkout .edb-checkout-wrap textarea::placeholder { color: #9a988c; }
.woocommerce-checkout .edb-checkout-wrap input:focus,
.woocommerce-checkout .edb-checkout-wrap select:focus,
.woocommerce-checkout .edb-checkout-wrap textarea:focus { border-color: #c9a44a; outline: none; }
.woocommerce-checkout .edb-checkout-wrap .select2-container--default .select2-selection--single {
height: 52px; display: flex; align-items: center; border: 1px solid #e6e3d8; border-radius: 10px; background: #f4f3ef;
}
.woocommerce-checkout .edb-checkout-wrap .select2-container--default .select2-selection--single .select2-selection__arrow { top: 14px; }
.select2-dropdown { background: #fff; border-color: #e6e3d8; }
body .select2-container--default.select2-container--open .select2-dropdown .select2-search--dropdown input.select2-search__field {
background: #fff; color: #001743; border: 1px solid #e6e3d8; border-radius: 6px; padding: 8px 10px; box-shadow: none;
}
.select2-results__option { color: #001743; }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background: #c9a44a; color: #fff; }
.edb-checkout-wrap .woocommerce-billing-fields .form-row > label,
.edb-checkout-wrap .woocommerce-shipping-fields .form-row > label {
position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
}
.edb-checkout-wrap .form-row .required, .edb-checkout-wrap .form-row .optional { display: none; }
.edb-checkout-wrap #order_review { background: #fff; border: 1px solid #e3e0d5; border-radius: 14px; padding: 22px 26px; }
.woocommerce-checkout .edb-checkout-wrap #order_review .edb-review-table { width: 100%; border-collapse: collapse; border: none; margin: 0; background: transparent; box-shadow: none; }
.woocommerce-checkout .edb-checkout-wrap #order_review .edb-review-table thead { display: none; }
.woocommerce-checkout .edb-checkout-wrap #order_review .edb-review-table th,
.woocommerce-checkout .edb-checkout-wrap #order_review .edb-review-table td {
padding: 12px 0; border: 0 none; background: transparent; color: #001743; font-weight: 400; text-align: right;
}
.woocommerce-checkout .edb-checkout-wrap #order_review .edb-review-table .cart_item td { border-bottom: 1px solid #ece7da; }
.edb-checkout-wrap .edb-review-table .edb-review-prod { text-align: left; display: flex; align-items: center; gap: 12px; }
.edb-checkout-wrap .edb-review-thumb img { width: 56px; height: 56px; border-radius: 8px; object-fit: cover; display: block; }
.edb-checkout-wrap .edb-review-name { font-weight: 600; color: #001743; line-height: 1.3; font-size: 14px; }
.edb-checkout-wrap .edb-review-qty { color: #c9a44a; font-weight: 700; }
.edb-checkout-wrap .edb-review-amount { white-space: nowrap; color: #444; }
.woocommerce-checkout .edb-checkout-wrap #order_review .edb-review-table tfoot th { text-align: left; font-weight: 600; color: #666; }
.woocommerce-checkout .edb-checkout-wrap #order_review .edb-review-table tfoot tr:first-child th,
.woocommerce-checkout .edb-checkout-wrap #order_review .edb-review-table tfoot tr:first-child td { padding-top: 18px; }
.woocommerce-checkout .edb-checkout-wrap #order_review .edb-review-table .order-total th,
.woocommerce-checkout .edb-checkout-wrap #order_review .edb-review-table .order-total td {
font-size: 19px; color: #001743; font-weight: 800; padding-top: 16px; border-top: 2px solid #ece9df; border-bottom: 0 none;
}
.edb-checkout-wrap #payment { background: transparent; border-radius: 0; }
.edb-checkout-wrap #payment ul.payment_methods { border: none; padding: 0; margin: 18px 0 0; }
.edb-checkout-wrap #payment ul.payment_methods li { margin: 0 0 8px; }
.edb-checkout-wrap #payment .payment_box { background: #f7f4ec; border-radius: 8px; }
.edb-checkout-wrap #payment .payment_box::before { display: none; }
.woocommerce-checkout .edb-checkout-wrap #place_order,
.woocommerce-checkout .edb-checkout-wrap .button.alt {
width: 100%; background: #001743; color: #fff; border: none; border-radius: 30px;
padding: 17px 24px; margin-top: 18px; font-weight: 700; text-transform: uppercase;
letter-spacing: .04em; font-size: 15px; cursor: pointer; transition: background .18s;
}
.woocommerce-checkout .edb-checkout-wrap #place_order:hover,
.woocommerce-checkout .edb-checkout-wrap .button.alt:hover { background: #c9a44a; }
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover { background-color: #c9a44a; color: #fff; }
.edb-checkout-wrap .woocommerce-terms-and-conditions-wrapper { font-size: 13px; color: #777; margin-top: 14px; }
.edb-checkout-wrap #fixit-aade-fields { margin-top: 26px; padding-top: 22px; border-top: 1px solid #ece9df; }
.edb-checkout-wrap #fixit-aade-fields > h3 { font-size: 16px; color: #001743; margin: 0 0 14px; }
.edb-checkout-wrap .aade-doc-type .woocommerce-input-wrapper { display: flex; gap: 24px; }
.edb-checkout-wrap .aade-doc-type label.radio { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; color: #001743; margin: 0; }
.edb-checkout-wrap #fixit-aade-invoice { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 14px; }
.edb-checkout-wrap #fixit-aade-invoice .form-row { grid-column: auto; }
.edb-checkout-wrap #fixit-aade-invoice .form-row:first-child { grid-column: 1 / -1; }
.edb-checkout-wrap #fixit-aade-fields .form-row > label {
position: static; width: auto; height: auto; clip: auto; overflow: visible;
display: block; font-size: 13px; font-weight: 600; color: #001743; margin-bottom: 6px;
}
.edb-checkout-wrap .aade-afm-row { display: flex; gap: 8px; }
.edb-checkout-wrap #aade-lookup-btn {
white-space: nowrap; background: #c9a44a; color: #fff; border: none; border-radius: 10px;
padding: 0 18px; font-weight: 600; cursor: pointer; min-height: 52px;
}
.edb-checkout-wrap #aade-lookup-btn:hover { background: #b8923a; }
@media (max-width: 900px) {
.edb-checkout-wrap { grid-template-columns: 1fr; gap: 26px; }
.edb-checkout-wrap #customer_details,
.edb-checkout-wrap #order_review_heading,
.edb-checkout-wrap #order_review { grid-column: 1; grid-row: auto; }
.edb-checkout-wrap .woocommerce-billing-fields__field-wrapper,
.edb-checkout-wrap #fixit-aade-invoice { grid-template-columns: 1fr; }
}
/* ===== EDB Thank-you / order-received (centered, celebratory) ===== */
.woocommerce-order-received .t-page-title {
display: flex; flex-direction: column; align-items: center; gap: 22px;
text-align: center; margin: 0 0 16px;
}
.woocommerce-order-received .t-page-title::before {
content: ""; display: block; width: 92px; height: 92px; border-radius: 50%; position: static;
background: #27a03b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='46' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/46px no-repeat;
box-shadow: 0 0 0 12px rgba(39, 160, 59, .12), 0 12px 34px rgba(39, 160, 59, .32);
animation: edbCheckPop .55s .1s cubic-bezier(.2, .7, .3, 1.3) both;
}
.woocommerce-order-received .woocommerce-order { max-width: 720px; margin: 0 auto; text-align: center; }
@keyframes edbThankPop { from { transform: scale(.96); opacity: 0; } to { transform: scale(1); opacity: 1; } }
@keyframes edbCheckPop { 0% { transform: scale(0); } 60% { transform: scale(1.15); } 100% { transform: scale(1); } }
@keyframes edbRowRise { from { transform: translateY(16px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
.woocommerce-order-received .woocommerce-thankyou-order-received {
background: none; border: none; padding: 0; margin: 0 0 36px;
font-size: 19px; line-height: 1.45; font-weight: 500; color: #555;
animation: edbThankPop .5s ease-out both;
}
.woocommerce-order-received ul.woocommerce-order-overview { animation: edbRowRise .5s .15s ease-out both; }
.woocommerce-order-received .woocommerce-order-details { animation: edbRowRise .5s .25s ease-out both; }
.woocommerce-order-received .woocommerce-order-details,
.woocommerce-order-received .woocommerce-customer-details { text-align: left; max-width: 660px; margin: 0 auto 36px; }
.woocommerce-order-received .woocommerce-thankyou-order-received::before { display: none; }
.woocommerce-order-received ul.woocommerce-order-overview {
display: flex; flex-wrap: wrap; justify-content: center; list-style: none;
margin: 0 auto 40px; padding: 0; gap: 14px; max-width: 660px; border: none; background: none;
}
.woocommerce-order-received ul.woocommerce-order-overview li {
flex: 0 1 auto; min-width: 150px; padding: 16px 26px; margin: 0; border: 1px solid #ece9df;
border-radius: 14px; background: #fff; font-size: 11px; text-transform: uppercase;
letter-spacing: .05em; color: #8a8575; font-weight: 700; text-align: center;
}
.woocommerce-order-received ul.woocommerce-order-overview li strong {
display: block; margin-top: 7px; font-size: 16px; color: #001743;
text-transform: none; letter-spacing: 0; font-weight: 700;
}
.woocommerce-order-received .woocommerce-order-details__title,
.woocommerce-order-received .woocommerce-column__title {
font-size: 22px; color: #001743; margin: 0 0 18px; font-weight: 800;
}
.woocommerce-order-received .woocommerce-order .woocommerce-table--order-details {
width: 100%; border-collapse: collapse; border: 1px solid #ece9df;
border-radius: 14px; overflow: hidden; background: #fff; margin: 0 0 40px;
}
.woocommerce-order-received .woocommerce-order .woocommerce-table--order-details thead th {
background: #faf8f2; color: #001743; border: none; border-bottom: 1px solid #ece9df;
padding: 15px 20px; font-weight: 700; text-align: left;
}
.woocommerce-order-received .woocommerce-order .woocommerce-table--order-details td,
.woocommerce-order-received .woocommerce-order .woocommerce-table--order-details tfoot th {
border: none; border-bottom: 1px solid #f1eee5; padding: 15px 20px; color: #444; background: #fff;
}
.woocommerce-order-received .woocommerce-order .woocommerce-table--order-details tfoot th { color: #001743; font-weight: 600; text-align: left; }
.woocommerce-order-received .woocommerce-order .woocommerce-table--order-details .product-total,
.woocommerce-order-received .woocommerce-order .woocommerce-table--order-details td.woocommerce-table__product-total,
.woocommerce-order-received .woocommerce-order .woocommerce-table--order-details tfoot td { text-align: right; }
.woocommerce-order-received .woocommerce-order .woocommerce-table--order-details a { color: #001743; font-weight: 600; text-decoration: none; }
.woocommerce-order-received .woocommerce-order .woocommerce-table--order-details tfoot tr:last-child th,
.woocommerce-order-received .woocommerce-order .woocommerce-table--order-details tfoot tr:last-child td {
font-size: 18px; font-weight: 800; color: #001743; border-bottom: none; border-top: 2px solid #ece9df;
}
.woocommerce-order-received .woocommerce-customer-details address {
border: 1px solid #ece9df; border-radius: 12px; padding: 18px 22px;
font-style: normal; color: #444; line-height: 1.75; background: #fff;
}
.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns--addresses {
display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin: 0;
}
.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns--addresses::before,
.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns--addresses::after {
display: none;
}
.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns--addresses .col-1,
.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns--addresses .col-2 {
width: auto; max-width: none; float: none; padding: 0; margin: 0;
}
@media (max-width: 600px) {
.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns--addresses { grid-template-columns: 1fr; }
}
.woocommerce-order-received .edb-thankyou-booklet .edb-booklet-btn,
.woocommerce-order-received .edb-thankyou-booklet .edb-booklet-btn:visited {
color: #fff; text-decoration: none;
}
.woocommerce-order-received .edb-thankyou-booklet .edb-booklet-btn:hover {
color: #001743; background: #c9a44a; text-decoration: none;
}
.woocommerce-order-received .fixit-aade-invoice-block { max-width: 660px; margin: 0 auto 36px; text-align: left; }
.woocommerce-order-received .fixit-aade-invoice-block h2 { font-size: 22px; color: #001743; font-weight: 800; margin: 0 0 18px; }
.woocommerce-order-received .fixit-aade-invoice-table { width: 100%; border-collapse: collapse; border: 1px solid #ece9df; border-radius: 14px; overflow: hidden; background: #fff; }
.woocommerce-order-received .fixit-aade-invoice-table th { text-align: left; padding: 13px 20px; color: #666; font-weight: 600; border: none; border-bottom: 1px solid #f1eee5; width: 42%; }
.woocommerce-order-received .fixit-aade-invoice-table td { text-align: right; padding: 13px 20px; color: #001743; font-weight: 600; border: none; border-bottom: 1px solid #f1eee5; }
.woocommerce-order-received .fixit-aade-invoice-table tr:last-child th,
.woocommerce-order-received .fixit-aade-invoice-table tr:last-child td { border-bottom: none; }