/* 
 Theme Name:     Escacito DIVI Child Theme 2025
 Author:         Pinkport Design
 Author URI:     http://www.pinkport.se
 Template:       Divi
 Version:        1.0 Live
*/ 

/*------------------------------------------------------------*\
SETUP
\*------------------------------------------------------------*/

@import url("../Divi/style.css");
@import url('https://fonts.googleapis.com/css2?family=Niconne&display=swap');

:root {
	--darkred: #811917;
	--darkblue: #111d2b;
	--yellow: #f5a33f;
	--black: #333333;
	--white: #f9f3db;
}

html {-webkit-font-smoothing: antialiased;}
body, form textarea, form input, form select {color: color: var(--white);}
#et_loading { background: #ffffff url('images/loading.gif') no-repeat center center; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999999; }

/*------------------------------------------------------------*\
FÄRGER
\*------------------------------------------------------------*/

.background1 {background-color: var(--white) !important;}
.background2 {background-color: var(--darkblue) !important;}
.background3 {background-color: var(--darkbred) !important;}

.text-gradient * {
  color: #c9c93b;
  background-image: linear-gradient(45deg, #c9c93b , #7d5dba 50%, #27ce8c 100%);
  background-image: linear-gradient(45deg, #e9e0d8 0%, #ffffff 50%, #e9e0d8 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}


/*------------------------------------------------------------*\
INNEHÅLL - FORMATERING AV TEXT
\*------------------------------------------------------------*/

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

.et_pb_text h1, .et_pb_module h1 {color: var(--white) !important; font-size: 50px; text-shadow: 1px 3px 5px rgba(17, 29, 43, 0.5);}
.et_pb_text h2, .et_pb_module h2 {font-size: 30px; padding: 0; margin-bottom: 16px;}
.et_pb_module.et_pb_bg_layout_dark h2 {color: var(--white) !important; text-shadow: 1px 3px 5px rgba(17, 29, 43, 0.5);}
.et_pb_module.et_pb_bg_layout_light h2 {color: var(--darkblue) !important;}
.et_pb_module.et_pb_blurb h4 {color: var(--white) !important;}

h6 {color: var(--darkbred);}
.et_pb_column.et_pb_column_4_4 h1, .et_pb_column.et_pb_column_4_4 h2 {font-size: 80px; line-height: 90px; text-align: center; margin: 0; padding: 0;}
.et_pb_bg_layout_dark, .et_pb_bg_layout_dark h1, .et_pb_bg_layout_dark h2, .et_pb_bg_layout_dark h3, .et_pb_bg_layout_dark h4, .et_pb_bg_layout_dark h5, .et_pb_bg_layout_dark h6 {color: var(--white) !important;}

/* Länkar */
.et_pb_bg_layout_dark.et_pb_text a, .et_pb_bg_layout_dark.et_pb_blurb a {color: var(--yellow);}
.et_pb_bg_layout_light.et_pb_text a, .et_pb_bg_layout_light.et_pb_blurb a {color: var(--darkred);}

/* TABLES */
.et_pb_text table {border: 1px solid var(--darkblue); line-height: normal; table-layout: fixed; word-wrap: break-word;}
.et_pb_text table td {border: 1px solid var(--darkblue); padding: 4px 8px; background-color: var(--white);}
.et_pb_text table th {background: var(--darkred); color: var(--white); border: 1px solid var(--darkblue); font-weight: 700;}
.et_pb_text table td[colspan] {background: var(--darkblue) !important; color: var(--white); font-weight: 700;}

/* tabels vid mörk bakgrund */
.et_pb_bg_layout_dark.et_pb_text table {border: 1px solid var(--white);}
.et_pb_bg_layout_dark.et_pb_text table td {border: 1px solid var(--white); color: var(--white);}
.et_pb_bg_layout_dark.et_pb_text table th {border: 1px solid var(--white);}


.et_pb_blurb .et-pb-icon.et_pb_animation_top.et-animated {animation: fadeIn 2s !important;}
.et_pb_blurb .et-pb-icon {color: var(--yellow) !important;}

.et_pb_number_counter .percent p span {color: var(--yellow) !important;}

.et_pb_column {z-index: auto;}


div.et_pb_blurb_container h4 {font-size: 18px;}

hr {border: 0; border-bottom: 1px solid #eee; margin: 20px 0 20px;}

.et_pb_text ul, .et_pb_text ol {margin: 15px 0 20px; padding: 0 40px; list-style-position: outside;}
.et_pb_text ul li, .et_pb_text ol li {margin-bottom: 8px;}


.header-text p {text-align: center;}
.et_pb_module.et_pb_icon {line-height: 0;}



.cover, .cover * {height: 100%;}
.cover img, .cover video {object-fit: cover; height: 100% !important; width: 100% !important;}

.section1 {background: #f9f3db; padding: 0 !important; margin: 80px auto;}
.section1 .et_pb_column:has(.et_pb_text) {padding: 50px; margin: auto; /*max-width: 750px;*/}
.section1 .et_pb_text {color: var(--black) !important;}

.section1 .et_pb_column .et_pb_image img {
    object-fit: cover;
    height: 100% !important;
    width: 100% !important;
	aspect-ratio: 1/1;
}

.section1 .et_pb_column .et_pb_image, .section1 .et_pb_column .et_pb_image * {height: 100%;}

.et_pb_button, .et_pb_button:hover {
    font-size: 15px;
    font-weight: 700;
    padding: 12px 22px !important;
    line-height: 1.7em !important;
	background: #811917 !important;
    /*background-image: linear-gradient(45deg, #811917, #dd3029 100%);*/
	/*background-image: linear-gradient(45deg, #811917 0%, #ff6600 50%, #dd3029 100%);*/
	color: var(--white) !important;
    border: 0 !important;
    border-radius: 3px;
	margin-top: 30px;
}

.et_pb_button:hover {
    padding: 12px 40px 12px 22px !important;
}

.et_pb_button:after {font-size: 22px;}


/* FULLWIDTH HEADERS */
.et_pb_fullscreen .et_pb_fullwidth_header_container {max-width: 1500px;}
.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {margin: 50px auto; width: 100%; max-width: inherit;}


#hero h1 {font-size: 80px; line-height: 90px; margin: 30px 0;}

#hero .et_pb_button, #hero .et_pb_button:hover {
    font-size: 20px;
    font-weight: 700;
    padding: 20px 40px !important;
    line-height: 1.7em !important;
	color: var(--white) !important;
    border: 0 !important;
    border-radius: 3px;
	box-shadow: 0em 4px 2px rgba(0,0,0,0.4);
}

#hero .et_pb_button:hover {
    padding-right: 60px !important;
}
#hero .et_pb_button:after {font-size: 32px;}

#hero .et_pb_parallax_css {background-position: bottom !important;}


/* TIDIGARE EVENT */
#tidigare-event .et_pb_column .et_pb_module {margin-bottom: 25px;}
#tidigare-event .et_pb_column .et_pb_module p {font-size: 17px; line-height: 20px;}
#tidigare-artister h3.et_pb_gallery_title {margin-top: 10px; font-size: 17px; line-height: 20px;}


.yellow-image {padding: 80px;}

/*------------------------------------------------------------*\
Smart functions
\*------------------------------------------------------------*/

.et_pb_section.images {padding: 15px !important; background: var(--darkblue) !important;}
.et_pb_section.images .et_pb_row {margin: 0 !important; padding: 0 !important;}
.et_pb_section.images .et_pb_image_wrap {padding: 15px !important;  border: 0 !important;}
.et_pb_section.images .et_pb_image_wrap img {aspect-ratio: 3/2; object-fit: cover; height: 100% !important; width: 100% !important;}

.image-resize img, .image-square img {aspect-ratio: 3/2; object-fit: cover; height: 100% !important; width: 100% !important;}
.image-square img {aspect-ratio: 1/1;}

.vertical-align {margin: auto;}
.rounded {border-radius: 3px;  overflow: hidden;}

.bg-center .et_parallax_bg {background-position: center;}

/* Blå rutor för Halmstad Arena */
.flex-column {display: flex; flex-flow: row wrap; gap: 20px;}
.flex-column > .et_pb_module {width: calc(50% - 10px); margin: auto;}
.flex-column .et_pb_text {width: 100%;}


#calendar {font-size: 13px; border: 0 !important;}
#calendar table tr, #calendar table tr th, #calendar table tr td {width: inherit !important; height: inherit !important;}
#calendar .et_pb_tab {padding: 0;}
#calendar ul.et_pb_tabs_controls:after {border: 0;}
#calendar ul.et_pb_tabs_controls {background: none;}
#calendar .et_pb_all_tabs {background: none !important;}

.et_pb_tabs_controls li {
    background-color: var(--darkred) !important;
	padding: 0 !important;
	border: 0;
	border-radius: 3px;
	font-size: 15px;
    font-weight: 700;
	margin: 0 10px 10px 0;
	opacity: 0.5;
}

#calendar .et_pb_tabs_controls li a {padding: 12px 22px !important; color: var(--white) !important;}
#calendar .et_pb_tabs_controls li.et_pb_tab_active {opacity: 1;}
#calendar .et_pb_tabs_controls li.et_pb_tab_active a {color: var(--white) !important;}


#calendar table {border: 1px solid var(--darkblue); line-height: normal; table-layout: fixed; word-wrap: break-word;}
#calendar table td {border: 1px solid var(--darkblue); padding: 4px 8px; background-color: var(--white);}
#calendar table th {background: var(--darkred); color: var(--white); border: 1px solid var(--darkblue); font-weight: 700;}
#calendar table td[colspan] {background: var(--darkblue) !important; color: var(--white); font-weight: 700;}


/*------------------------------------------------------------*\
Contact7 forms
\*------------------------------------------------------------*/
.wpcf7 form {margin-left: -3%;}
.wpcf7 form p {padding: 0 0 0 3%; margin-bottom: 3%; line-height: 1;}
.wpcf7 form p:has(input.half) {width: 50%; float: left;}

.wpcf7 form input, .wpcf7 form textarea {width: 100%; border: 0; padding: 16px; color: #333; background: #fff;}
.wpcf7 .wpcf7-not-valid-tip {font-size: 12px; margin-top: 4px;}

.wpcf7 label {color: #fff; font-size: 13px;}
.wpcf7 label input {margin-top: 4px;}

.wpcf7 .wpcf7-submit {display: inline-block; width: auto; float: right; font-size: 15px; font-weight: 700; padding: 12px 22px !important; line-height: 1.7em !important; background: #811917 !important; color: var(--white) !important; border: 0 !important; border-radius: 3px; margin-top: 10px;}
.wpcf7 p:has(.wpcf7-submit) {display: inline-block; width: 100%;}

.wpcf7 form .wpcf7-response-output {
    margin: 20px 0 0 3%;
	color: #fff;
    padding: 0.2em 1em;
    border: 2px solid red !important;
}

.wpcf7 form.sent .wpcf7-response-output {
    border: 2px solid var(--yellow) !important;
	color: var(--yellow);
	margin-top: 0 !important;
}

.wpcf7 form.sent p {
    display: none !important;
}



/*------------------------------------------------------------*\
MENY
\*------------------------------------------------------------*/

body #et-top-navigation {font-weight: bold !important; padding: 18px 0 !important;}
body #et-top-navigation #top-menu > li {padding: 0; display: block; float: left; margin-left: 2px; padding: 2px 0;}
body #et-top-navigation #top-menu > li > a {padding: 15px 18px; text-transform: uppercase!important;}
body #et-top-navigation #top-menu > li.menu-item-has-children > a {padding-right: 30px;}

body #et-top-navigation #top-menu > li.current-menu-item > a {color: var(--white); opacity: 1; background-color: var(--darkred);}
body #et-top-navigation #top-menu > li.current-menu-parent > a {color: var(--white); opacity: 1; background-color: var(--darkblue);}
body #et-top-navigation #top-menu > li:hover > a, body #et-top-navigation #top-menu > li > a:hover {color: var(--white); opacity: 1; background-color: var(--darkblue);}
#top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a {background-color: var(--darkred); opacity: 1; border-radius: 3px;}

.nav li ul {border: 0; background: var(--darkblue) !important; border-radius: 3px; margin-top: 2px; transform: none;}
#top-menu a {color: #fff; -webkit-transition: background 10s ease-in-out; transition: background 0.5s ease !important; text-transform: none !important;}
.nav ul li a:hover {background-color: var(--darkred); opacity: 1; border-radius: 3px;}

@media (min-width: 981px) {
    .et_primary_nav_dropdown_animation_slide #et-top-navigation ul li:hover>ul, .et_secondary_nav_dropdown_animation_slide #et-secondary-nav li:hover>ul {
        -webkit-animation: multi-view-image-fade .2s ease-in-out;
        animation: multi-view-image-fade .2s ease-in-out;
    }
}



#top-menu li li a {line-height: normal; padding: 15px 18px;}

#main-header .nav li ul a {color: var(--white) !important;}

#top-menu .menu-item-has-children>a:first-child:after {line-height: 44px; right: 10px;}
#et-secondary-nav .menu-item-has-children>a:first-child:after {line-height: inherit; right: 2px;}

#top-menu li .menu-item-has-children>a:first-child:after {right: 16px; top: 1px; content: "5" /*"\4c"*/;}

#et_search_icon:before {top: 11px;}

body #et-top-navigation #top-menu > li.menu-item-account> a {padding: 0 !important; background: none !important;}
.menu-item-account a img {padding: 0 !important; border-radius: 2px; aspect-ratio: 1/1; object-fit: cover; overflow: hidden; height: 44px; width: 44px;/* margin-top: -4px; margin-bottom: -4px;*/}

.mobile_menu_bar:before, .mobile_menu_bar:after {background-color: var(--white); opacity: 1; border-radius: 3px; transition: all 0.2s; top: 12px;}
.mobile_menu_bar:hover::before, .mobile_nav.opened .mobile_menu_bar:before {background-color: var(--darkblue); color: var(--white);}

.et_mobile_menu, .et_mobile_menu * {transition: none !important; animation: none !important;}
body #main-header .et_mobile_menu {margin-top: -8px; padding: 20px; border: none; background: var(--darkblue); -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, .2); -webkit-box-shadow:  0 5px 5px rgba(0, 0, 0, .2); box-shadow:  0 5px 5px rgba(0, 0, 0, .2); max-width: 300px; right: 0px; left: auto; border-radius: 3px;}
.et_mobile_menu li a {font-size: 15px; border: none; padding: 10px 13px; border-radius: 3px; margin-bottom: 2px; color: var(--white) !important;}
.et_mobile_menu li li a {padding: 8px 13px; }
.et_mobile_menu > li > a {font-weight: 700;  color: var(--white) !important; }
.et_mobile_menu li a:hover {background: var(--darkred); opacity: 1;}
.et_mobile_menu li a[href="#"] {background: var(--darkblue) !important; pointer-events: none; cursor: default;}
.et_mobile_menu li.current-menu-item > a {background: var(--darkred); color: var(--white);}






/*------------------------------------------------------------*\
LISTS
\*------------------------------------------------------------*/

body #main-content .et_pb_text ul {padding: 0 0 0 2em; margin: 1em 0;}
body #main-content .et_pb_text li {list-style: outside none none; margin: 0 0 0.5em 0; position: relative;}
body #main-content .et_pb_text li::before { 
    color: var(--darkred);
	content: "\4E";
    font-family: "ETmodules";
    left: -1.5em;
    margin: 0;
    position: absolute;
    top: 0;
	font-weight: 900;
}

body #main-content .et_pb_text.et_pb_bg_layout_dark li::before {color: var(--yellow);}


/*------------------------------------------------------------*\
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;}

/* 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;}

.et_pb_contact_right {margin-top: 30px;}


/*------------------------------------------------------------*\
COLUMNS & LAYOUT OF TEXT BOXES
\*------------------------------------------------------------*/

.et_pb_row {width: 90%;}


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

@media (max-width: 1350px) {
	/* STARTSIDAN */
	#escacito-i-siffror .et_pb_number_counter .percent {height: auto;}
	#escacito-i-siffror .et_pb_number_counter .percent p {font-size: 60px; line-height: 60px;}
	#escacito-i-siffror .et_pb_number_counter h3 {font-size: 16px;}
	
	.yellow-image {padding: 50px;}
}

@media (max-width: 1080px) { /* Byte till responsiv meny */
	#top-menu {display: none;}
	#et_mobile_nav_menu {display: block; float: right;}
	body.et_fullwidth_nav #main-header .container {width: calc(100% - 60px); margin-left: 30px !important; margin-right: 30px !important; padding: 0;}
	.logo_container {padding: 0 !important;}
	body.et_fullwidth_nav #main-header .container #logo {max-height: 60%; max-width: none;}
	
	.et_pb_column.et_pb_column_4_4 h1, .et_pb_column.et_pb_column_4_4 h2 {font-size: 60px; line-height: 70px;}
	.section1 {margin: 50px auto; width: 100%;}
	
	.et_pb_row {width: calc(100% - 60px); margin-left: 30px !important; margin-right: 30px !important; display: block !important;}
	.section1 .et_pb_column {
        width: 100% !important;
        margin-bottom: 30px;
		
    }
	.section1 .et_pb_column .et_pb_image img {
		object-fit: cover;
		height: 100% !important;
		width: 100% !important;
		aspect-ratio: 3 / 2;
	}	
	
	.et_pb_section.images .et_pb_column_1_4 {width: 50%;}
	
	.yellow-image {padding: 80px;}
	
	footer .et_pb_row.et_pb_equal_columns {display: flex !important;}
	
	.et_pb_section.background2 .et_pb_blurb .et_pb_main_blurb_image img {height: 80px;}
	div.et_pb_blurb_container h4 {font-size: 16px;}
}

@media (max-width: 980px) {
	footer .et_pb_row.et_pb_equal_columns > div.et_pb_column_1_3:first-child {display: none;}
	footer .et_pb_row.et_pb_equal_columns > div.et_pb_column_1_3 {margin-bottom: 0; margin-right: 30px;}
	
	
}

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

	.et_pb_column.et_pb_column_4_4 h1, .et_pb_column.et_pb_column_4_4 h2 {font-size: 40px; line-height: 50px;}
	
	/* STARTSIDAN */
	#escacito-i-siffror .et_pb_number_counter .percent {height: auto;}
	#escacito-i-siffror .et_pb_number_counter .percent p {font-size: 50px; line-height: 50px;}
	#escacito-i-siffror .et_pb_number_counter h3 {font-size: 16px;}
	
	/* SECTIONS */
	.section1 .et_pb_column:has(.et_pb_text) {padding: 30px;}
	.et_pb_column .et_pb_grid_item .first_in_row, .et_pb_column .et_pb_grid_item:nth-child(odd) {clear: both !important;}
	.yellow-image {padding: 50px;}
	
	/* FOOTER */
	footer .et_pb_row.et_pb_equal_columns {display: block !important;}
	footer .et_pb_row.et_pb_equal_columns > div.et_pb_column_1_3 {margin: 15px 0 15px;}

}

@media all and (max-width: 600px) {
	
	body {font-size: 15px !important;}
	.et_pb_text h2, .et_pb_module h2 {font-size: 24px;}
	
	.et_pb_text table {border: 1px solid var(--darkblue); line-height: normal; table-layout: fixed; word-wrap: break-word;}
	.et_pb_text table td {padding: 2px 4px;}
	.et_pb_text table th {padding: 8px 8px;}
	.et_pb_text table td[colspan] {padding: 4px 8px;}
	
	/* TIDIGARE EVENT */
	#tidigare-event .et_pb_column .et_pb_module {margin-bottom: 10px;}
	#tidigare-event .et_pb_column .et_pb_module p {font-size: 15px;}
	#tidigare-artister h3.et_pb_gallery_title {margin-top: 0; font-size: 15px;}
	
}

@media (max-width: 479px) {

}