/* 
 Theme Name:     drinkbox.se
 Author:         Pinkport Design
 Author URI:     https://www.pinkport.se
 Template:       Divi
 Version:        0.5 
*/ 

@import url("../Divi/style.css");

/*@font-face {
  font-family: 'ETmodules';
  font-display: swap;
  src: local('ETmodules'), url('https://www.safelift.se/wp-content/themes/Divi/core/admin/fonts/modules.woff') format('woff');
}


@font-face{
	font-family:FontAwesome;
	font-style:normal;
	font-weight:900;
	font-display:block;src:url(//hultsfred.pinkport.se/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-solid-900.eot);src:url(//hultsfred.pinkport.se/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(//hultsfred.pinkport.se/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-solid-900.woff2) format("woff2"),url(//hultsfred.pinkport.se/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-solid-900.woff) format("woff"),url(//hultsfred.pinkport.se/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-solid-900.ttf) format("truetype"),url(//hultsfred.pinkport.se/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-solid-900.svg#fontawesome) format("svg")
}*/

:root {
	--shade1: #ffefda;
	--shade2: #fbd6cf;
	--orange: #ef4f35;
	--blue: #1e9bad;
	--pink: #de3163;
	--black: #3c3a47; /*#3c3a47*/;
	--size1: 62px;
	--size2: 30px;
	--size3: 24px;
	--size4: 16px;
}

html {-webkit-font-smoothing: antialiased;}
body, form textarea, form input, form select {}

.et_pb_module h1, .et_pb_module h2,  .et_pb_module h3, .et_pb_module h4, .et_pb_module h5 {}

.et_pb_module h1 {color: var(--orange); font-size: var(--size1); margin-bottom: 0px; padding: 0;}
.et_pb_module h2 {color: var(--blue); font-size: 62px; padding: 0; margin-top: 0; margin-bottom: 0;}
.et_pb_module h3 {color: var(--blue);font-size: 24px; padding: 0; margin-top: 1em; margin-bottom: 12px;}
.et_pb_module h4 {color: var(--blue); font-size: 14px; padding: 0; margin: 0;}
.et_pb_module h5 {color: var(--orange); font-size: 10px; padding: 0;  margin-bottom: 12px;}

.et_pb_module h2 + h3, .et_pb_module h3 + h4 {margin-top: 1em;}

p {padding-bottom: 0; margin-bottom: 16px;}
p:not(.has-background):last-of-type, .et_pb_text *:last-child {margin-bottom: 0;}

.et_pb_module ol {list-style: none !important; counter-reset: item; list-style-position: outside; padding: 0 30px;}
.et_pb_module ol li {counter-increment: item; line-height: normal; padding: 4px 0;}
.et_pb_module ol li:before {
	margin-right: 10px;
	content: counter(item);
	background: var(--orange);
	border-radius: 100%;
	color: #fff;
	display: inline-block;
	position: absolute;
	left: 0px;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	font-size: 12px;
}

.rounded, .rounded img {border-radius: 10px;  overflow: hidden;}
.vertical-align {margin: auto;}
.image-square img, img.image-square {width: 100%; aspect-ratio: 1 / 1; object-fit: cover; height: auto !important;}

body div.et_pb_section.shade1 {background-color: var(--shade1) !important;}
body div.et_pb_section.shade2 {background-color: var(--shade2) !important;}
body div.et_pb_section.rainbow1 {background: url('https://www.drinkbox.se/wp-content/uploads/rainbow1.png') !important; background-repeat: repeat-y !important; background-size: 100% auto !important;}

body div.et_pb_section.shade1 {background-image: linear-gradient(160deg, var(--shade1) 0%, var(--shade2) 100%) !important; background-color: var(--shade1); background-attachment: fixed;}

.et_pb_module.et_pb_heading.pre-title {margin-bottom: 10px;}
.et_pb_module.et_pb_heading.pre-title * {color: var(--blue); letter-spacing: 1px; font-size: 14px; line-height: 1.4; font-weight: 600; font-family: 'Quicksand',Helvetica,Arial,Lucida,sans-serif; text-transform: uppercase; margin: 0; paddig: 0;}
.et_pb_module.et_pb_heading.big * {font-family: 'Shrikhand', display; font-size: 100px; line-height: 1.1em; padding: 0; margin: 0;}

.et_pb_module.et_pb_text h1 {text-align: center; margin-bottom: 40px;}
.et_pb_module.et_pb_text.ingress {padding: 40px; border-radius: 12px;}

#recept-grid div:has(.pagination) {
    grid-column-start: 1;
    grid-column-end: 4;
    margin: 0 auto;
}

.recept-grid.et_pb_posts > div {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 40px;
}

.recept-grid article {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
	margin: 0; 
	background: #fff;
}

.recept-grid article img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}
.recept-grid article a {margin: 0 !important;}
.recept-grid article .custom-label, .custom-tags span {padding: 5px; margin-right: 4px; color: #fff; background: #ccc; font-size: 13px;}
.recept-grid article .custom-label.drinkbox, .custom-tags span.tag-drinkbox  {background: #ffc147;}
.recept-grid article .custom-label.drinkbox-xl, .custom-tags span.tag-drinkbox-xl {background: var(--orange);}
.recept-grid article .custom-label.drinkbox-gt, .custom-tags span.tag-drinkbox-gt {background: var(--blue);}

.recept-grid .post-content-inner {margin-bottom: 20px;}

.recept-grid h2 {color: var(--blue); background: #fff; padding: 30px 30px 20px; font-size: var(--size4); font-family: 'Quicksand', Helvetica, Arial, Lucida, sans-serif; font-weight: 700; text-transform: uppercase;}
.recept-grid .post-content {background: #fff; padding: 0 30px 30px;}

#recept-filter {padding: 20px 40px 60px;}
#recept-filter .et_pb_widget_area {margin: 0;}
#recept-filter .widget_block {border: 1px dashed  var(--blue); width: 100%; padding: 20px; border-radius: 12px; margin: 0;}
#recept-filter .wpc-filter-title {font-weight: 700; color: var(--blue);}
#recept-filter .wpc-filters-section {width: 50%; float: left; padding: 20px; margin: 0;}
#recept-filter .wpc-filters-section select {padding: 10px; height: auto; border-radius: 5px; margin: 0;}
#recept-filter .wpc-filters-section input {padding: 10px 10px 10px 40px; height: auto; line-height: 18px; border-radius: 5px; margin: 0;}



/*body.admin-bar .show-admin {display: block; background: green; padding: 20px;}*/

body.category-recept .et_pb_module.et_pb_heading {margin-bottom: 1em;}
body.category-recept table tr td:first-child {padding-right: 10px; font-weight: 700;}
body.category-recept table tr td[colspan] {font-weight: 400;}

/*body.category-recept .post-content a {padding: 12px 24px; color: #fff !important; border-radius: 100px; font-size: 14px; font-family: 'Quicksand', Helvetica, Arial, Lucida, sans-serif !important; font-weight: 700 !important; background-color: #1e9bad; text-align: center; margin-top: 30px !important;}*/
body.category-recept .recept-grid h2 a:after {font-family: 'ETmodules'; font-size: 18px; content: "\35"; position: absolute; margin-left: -2px !important; font-weight: 600;}

#choose-box .et_pb_image {margin: -10px -30px 20px !important;}
#choose-box .et_pb_module h4 {color: var(--blue); font-size: 20px; padding: 0; margin-top: 1.5em; margin-bottom: 12px;}

.wpc-edit-filter-set {display: none;}



#payment-method-message {display:none;}


body.page-template-default #main-content {background-image: linear-gradient(160deg, var(--shade1) 0%, var(--shade2) 100%) !important; background-color: var(--shade1); background-attachment: fixed;}
body.page-template-default #main-content .container {padding: 81px 0 200px;}


#mobile_menu {text-transform: uppercase;} 
#mobile_menu .current-menu-item a {color: var(--orange);}

.et_button_no_icon .et_pb_button:after {display: none !important;}



/*.et_pb_blurb .et-pb-icon {background: linear-gradient(160deg, #f4ec77, #efc0d7, #de783d); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}*/


/*------------------------------------------------------------*\
ENSKILD PRODUKTSIDA
\*------------------------------------------------------------*/

body.single-product .et_pb_blurb_position_left .et_pb_main_blurb_image {width: 40px; text-align: center;}

#produkt-innehallsforteckning, #produkt-produktbeskrivning {font-size: 13px; line-height: 20px;}
#produkt-innehallsforteckning h3 {font-family: 'Quicksand',Helvetica,Arial,Lucida,sans-serif; line-height: 1; color: var(--blue); font-weight: 700; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; margin: 0; /*background: #fafafa;*/ padding: 0px 15px; margin-top: 22px;}
#produkt-innehallsforteckning h4 {font-family: 'Quicksand',Helvetica,Arial,Lucida,sans-serif; line-height: 20px; color: inherit; font-weight: 700; text-transform: none; letter-spacing: 0px; font-size: 13px; margin: 0; /*background: #fafafa;*/ padding: 0px 15px; margin-top: 8px;}
#produkt-innehallsforteckning p {/*background: #fafafa;*/ margin: 0; padding: 0px 15px;}
#produkt-innehallsforteckning .et_pb_toggle_content {padding-bottom: 12px;}
#produkt-innehallsforteckning .et_pb_toggle_content h3:first-child {margin-top: 4px;}
#produkt-kopvillkor h6, #produkt-kopvillkor p, #produkt-kopvillkor .et_pb_blurb_description {padding: 0; line-height: 1;}
#produkt-kopvillkor h6 {margin-bottom: 6px;}

#recept div.et_pb_code_inner {
    grid-column-start: 1;
    grid-column-end: 4;
    margin: 0 auto;
	display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 30px;
}

#recept article {background: none;}
#recept .date {display: none;}

#recept h4 {
    color: var(--blue);
    letter-spacing: 1px;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 700;
    font-family: 'Quicksand', Helvetica, Arial, Lucida, sans-serif;
    text-transform: uppercase;
    margin: 0;
    paddig: 0;
	text-align: center;
}


body .woocommerce-message {margin: 0; background-color: var(--blue) !important; line-height: 35px;}
body .woocommerce-message a.button, body .woocommerce-message a.button:hover {background-color: var(--orange) !important;} 


/*------------------------------------------------------------*\
MODULER / DIVI FIXES
\*------------------------------------------------------------*/

/* Jagged logos in Chrome */
#logo, .logo_container {-webkit-backface-visibility: hidden !important; -webkit-background-clip: content-box !important; -webkit-transform-style: preserve-3d !important; padding: 1px; outline: 1px solid transparent;}
#main-header, #main-header.et-fixed-header {box-shadow: none !important;}
#main-header {z-index: 99;}
#main-header #top-menu-nav a {letter-spacing: 1px;}

/* SIDOR */
.error404 #sidebar {display: none;}

/* DIVIFIX */
.et_pb_blog_grid .et_pb_post {border: 0 !important; overflow: hidden;}
.et_pb_contact p select {font-family: inherit; font-size: 14px;}
.et_pb_fullscreen .et_pb_fullwidth_header_container {max-width: 1080px; width: 100%;}

/* Fix DIVI Gallery overlay */
.et_overlay {border: none !important;}

/* Gallery filename text under lightbox */
.mfp-title {display: none;}


body.cart-counter a.et-cart-info {position: relative;}
body.cart-counter a.et-cart-info:after {background: var(--orange); color: #fff; border-radius: 50%; content: "!"; position: absolute; bottom: 0px; right: 0px; height: 14px; width: 14px; text-align: center; line-height: 14px; font-size: 10px;}
body.cart-counter.cart-count-0 a.et-cart-info:after {display: none;}
body.cart-counter.cart-count-1 a.et-cart-info:after {content: '1';}
body.cart-counter.cart-count-2 a.et-cart-info:after {content: '2';}
body.cart-counter.cart-count-3 a.et-cart-info:after {content: '3';}
body.cart-counter.cart-count-4 a.et-cart-info:after {content: '4';}
body.cart-counter.cart-count-5 a.et-cart-info:after {content: '5';}
body.cart-counter.cart-count-6 a.et-cart-info:after {content: '6';}
body.cart-counter.cart-count-7 a.et-cart-info:after {content: '7';}
body.cart-counter.cart-count-8 a.et-cart-info:after {content: '8';}
body.cart-counter.cart-count-9 a.et-cart-info:after {content: '9';}


.is-large.wc-block-cart .wc-block-cart-items {border: 0;}
.et_contact_bottom_container {margin-top: 16px;}

/*------------------------------------------------------------*\
FOOTER
\*------------------------------------------------------------*/

#footer h4 {margin: 0 0 1em; color: var(--orange) !important; font-size: 15px !important; letter-spacing: 1px; font-family: 'Quicksand' !important; font-weight: 700; text-transform: uppercase;}

/*#footer .et_pb_column a {color: var(--color1);}*/
#footer .et_pb_column ul {padding: 0; list-style: none;}
#footer .et_pb_column ul {border-top: 1px solid rgba(0, 0, 0, 0.1); width: 100%; margin: 0;}
#footer .et_pb_column ul li {border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin: 0 !important; padding: 4px 0 !important;}
#footer .et_pb_column ul li:before {display: none;}
#footer .et_pb_column ul li a {width: 100%; display: block; padding: 5px 0;}
#footer .et_pb_column ul li a:after  {font-family: "ETmodules"; font-size: 20px; line-height: 25px; content: "5"; position: absolute; right: 0;}
#footer .et_pb_column ul li a:hover::after {color: var(--blue);}
#footer .et_pb_column a:hover, #footer .et_pb_column a:hover::after {color: var(--orange) !important; opacity: 1;}


/*------------------------------------------------------------*\
RESPONSIVNESS
\*------------------------------------------------------------*/

@media (max-width: 1300px) {

}

@media (max-width: 1150px) {
	
}

@media (max-width: 1120px) {

}

@media (max-width: 980px) {
	body #main-header .container {width: calc(100% - 80px); max-width: none;}
	
	.et_pb_module h1 {font-size: var(--size1) !important; margin-bottom: 0px; padding: 0;}
	
	.et_pb_row_4col * {text-align: center;}
	.et_pb_row_4col .et_pb_column_1_4 {margin-bottom: 50px !important;}
	.et_pb_row_4col .et_pb_column_1_4:last-of-type  {margin-bottom: 0px !important;}
	.et_pb_module h4, body .et_pb_row_4col .et_pb_blurb h3.et_pb_module_header {font-size: 14px !important;}
	body .et_pb_module.et_pb_heading h2.et_pb_module_heading {font-size: 62px !important;}
	
	body .et_pb_row {width: calc(100% - 80px) !important;}
	body .et_pb_module.et_pb_text.ingress {padding-left: 0; padding-right: 0;}
    body .et_pb_row.et_pb_equal_columns:has(.et_pb_column_1_2) {width: calc(100% - 80px); display: flex; flex-flow: row wrap;}
	body .et_pb_row.et_pb_equal_columns .et_pb_column_1_2:has(.et_pb_module.et_pb_image) {order: -1; flex: 1 0 100%; margin-bottom: 40px !important;}
	body .et_pb_row.et_pb_equal_columns .et_pb_column_1_3 {margin-bottom: 50px !important;}
	body .et_pb_row.et_pb_equal_columns .et_pb_column_1_3:last-of-type  {margin-bottom: 0px !important;}
	
	body #footer .et_pb_row .et_pb_column_1_3 {margin-bottom: 50px;}
	body #footer .et_pb_row .et_pb_column_1_3:last-of-type {margin-bottom: 0px;}
	
	body #choose-box .et_pb_row:has(.et_pb_column_1_3) {padding-bottom: 0 !important;}
	body #choose-box .et_pb_row .et_pb_column_1_3 {top: 0 !important; margin-bottom: 50px !important; border-radius: 10px !important;}
	body #choose-box .et_pb_row .et_pb_column_1_3 h3 {line-height: normal !important; font-size: 32px !important; margin-bottom: 0 !important;}
	body #choose-box .et_pb_row .et_pb_column_1_3 h6 {font-size: 50px !important;}
	body #choose-box .et_pb_row .et_pb_column_1_3 h4 {font-size: 20px !important;}
}

@media all and (max-width: 780px) {
	
}

@media all and (max-width: 600px) {
	.et_pb_module h1 {font-size: 40px !important;}
	.et_pb_module h2 {font-size: 40px !important;}
	.et_pb_module h3 {font-size: 20px !important;}
	#produkt-produktbeskrivning h6, #produkt-innehallsforteckning h6, #produkt-kopvillkor h6 {font-size: 15px !important;}
	#produkt-innehallsforteckning h3 {font-size: 14px !important;}
	
	.recept-grid h2 {font-size: 15px !important;} 
	#recept-filter {padding: 20px 0px 60px;}
	#recept-filter .wpc-filters-section {width: 100%; float: left; padding: 20px; margin: 0;}
	
	body .et_pb_module.et_pb_heading h2.et_pb_module_heading {font-size: 40px !important;}
	
	
	body #choose-box .et_pb_row .et_pb_column_1_3 h3 {font-size: 32px !important;}
	body #choose-box .et_pb_row .et_pb_column_1_3 h6 {font-size: 50px !important;}
	body #choose-box .et_pb_row .et_pb_column_1_3 h4 {font-size: 20px !important;}
	
	body.single-product .et_pb_module.et_pb_wc_price .price {font-size: 60px !important;}
	
	body.page-kopvillkor .et_pb_section .et_pb_row .et_pb_column.et_pb_column_4_4 h2 {font-size: 20px !important;}
	body.page-kopvillkor .et_pb_section .et_pb_row .et_pb_column.et_pb_column_4_4 h3 {font-size: 18px !important;}
	
}

@media all and (max-width: 479px) {

	body.et-db #et-boc .et-l .et_pb_gutters1.et_pb_row .et_pb_column {margin-bottom: 50px !important;}
	
}