/*
Theme Name: Eksell Child
Theme URI: https://andersnoren.se/teman/eksell-wordpress-theme/
Template: eksell
Author: Anders Norén
Author URI: https://andersnoren.se
Description: Eksell is a feature-rich portfolio and blog theme, with deep support for the block editor and full color settings. It includes extensive block styles and multiple prebuilt block patterns, and it styles the block editor to match the front-end of your site so you always have a good idea of what the end result will look like when you’re creating your content. Visitors can filter your posts and Jetpack Portfolio items without reloading the page with the lazyloading category filter, and full color settings in the Customizer give you easy control over all of the colors used in the theme, including the option to set a separate dark mode color scheme for devices that support it. Eksell also features a Blank Canvas page template that only outputs the content you add in the block editor, infinite scroll on archive pages, an optional search overlay, a sticky header setting, a social menu with icons, a footer menu, custom logo support, options for what post meta to display, support for the Block Templates editor, a lightweight construction for fast load times, and developer friendly code. Demo: https://andersnoren.se/themes/eksell/
Tags: blog,portfolio,grid-layout,one-column,two-columns,three-columns,four-columns,custom-background,custom-colors,custom-logo,custom-menu,editor-style,featured-images,sticky-post,theme-options,threaded-comments,translation-ready,block-styles,wide-blocks
Version: 1.9.5.1679021731
Updated: 2023-03-17 02:55:31

*/
:root {
	--eksell-inner-width-thin: 110rem; /*75.2rem;*/
}

/* header dark */
#site-header {
	background-color: #000 !important;
	border-bottom: solid 1px;
}


/* Hide old menu on desktop */
#site-aside {
	display: none !important;
} 

html.has-aside {
	background-image: repeating-linear-gradient(
		90deg,
		var( --eksell-menu-modal-background-color ),
		var( --eksell-menu-modal-background-color ) var( --eksell-aside-width ),
		var( --eksell-background-color ) var( --eksell-aside-width ),
		var( --eksell-background-color ) 100%
	);
	--eksell-aside-width: 0rem;
}

/* New menu */
.header-sticky-adjuster {
	max-height: 80px;
}

#site-header {
	padding: 0 0;
	min-height: 80px;
}

.header-inner {
	max-height: 80px;
}

.horizontal-menu {
	display: flex;
	align-items: center;
	margin-right: 50px;
}

.horizontal-menu a {
	color: #fff;
	text-decoration: none;
}

.horizontal-menu a:hover {
	border-radius: 4px;
	text-decoration: underline;
	color: #fff;
	background-color: #d23c50;
}

/*.horizontal-menu li {
	transition: all .2s ease-in-out;
}

.horizontal-menu li:hover {
	transform: scale(1.05);
}*/


@media (max-width: 1399px) {
	.horizontal-menu {
		font-size: 80%;
	}
}

@media (max-width: 975px) {
	.horizontal-menu, .header-toggles .search-toggle {
		display: none;
	}
	.mobile-nav-toggle {
		display: flex !important;
		color: #fff;
	}	
}

/*Submenu*/
.horizontal-menu .sub-menu {
	background-color: #000;
	border-radius: 4px;
	border: 0.5px solid #fff;
	padding: 5px 10px;
}

.horizontal-menu li ul {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  transition: all 0.5s ease;
  min-height: 55px;
  margin-top: 1rem;
}

.horizontal-menu li:hover > ul,
.horizontal-menu li ul:hover {
  visibility: visible;
  opacity: 1;
  display: block;
  white-space: nowrap;
}

.horizontal-menu li ul li {
  height: 55px;
  line-height: 55px;
  clear: both;
  width: 100%;
  
}

/* ---------------------------------------------------------------------------------------------------
 * ---------------------------------------------------------------------------------------------------
 * Estilos Body */

/*botones*/
.wp-block-button a, #zcWebOptin, .wpcf7-submit {
	color: #fff !important;
	border-radius: 4px;
	font-size: 1em;
}

.wpcf7-submit {
	border: none !important;
	border-radius: 4px !important;
}

.wp-block-button, .wpcf7-submit, #zcWebOptin {
	transition: all .2s ease-in-out;
}

.wp-block-button:hover, .wpcf7-submit:hover, #zcWebOptin:hover {
	transform: scale(1.1);
}



/*Estilos home page*/

.tres-columnas {
	justify-content: center;
}

.dos-columnas {
	justify-content: center;
}

.logos {
	border-radius: 4px;
}

.logos:hover {
	background-color: #e5274c;
	transform: scale(1.1);
}

/*contact form styles*/
span.wpcf7-list-item { 
	display:block; 
}

.wp-block-contact-form-7-contact-form-selector {
	background-color: #222222;
	padding: 15px 50px;
	margin: 50px auto auto auto;
	max-width: 800px;
}

.wp-block-contact-form-7-contact-form-selector label {
	margin-bottom: 10px;
}

.wpcf7-form input, .wpcf7-form textarea {
	border: 1px solid #707376;
}

.wpcf7-form input:focus, .wpcf7-form textarea:focus {
	outline: 2px solid #d23c50;
}

.wpcf7-form br {
	display: none;
}

.bold {
	font-weight: bold;
	margin-top: 35px;
}

.wpcf7-submit {
	margin-top: 35px !important;
}



/*Newsletter form*/
.main-div-mailing {
  background-color: #f3efe9;
  max-width: 450px;
  padding: 0px 20px;
  border-radius: 4px;
  margin: auto;
  margin-top: 20px !important;
}

#zcampaignOptinForm {
	display: flex;
	flex-direction: column;
	align-items: center;
}

#EMBED_FORM_EMAIL_LABEL {
	border-radius: 4px;
	margin-right: 5px;
	width: 100%;
	margin-bottom: 5px;	
}

#EMBED_FORM_EMAIL_LABEL::placeholder {
   text-align: center;
   font-size: 1.5em;
	text-align: center;
}

#zcWebOptin {
	max-width: 70%;
	text-align: center;
	font-size: 1em;
	text-overflow: elipsis;
}

.quick_form_7_css {
  display:flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
	width: 100%;
}

.formulario {
  display:flex;
  justify-content: center;
  width: 100%;
}

.mail {
  width: 70%;
  padding: 10px 10px;
	border: none;
	height:50px;
}

@media (max-width: 400px) {
	.columna-home {
		height: 370px;
	}
}
	
/*FAQs*/
summary > * {
  display: inline;
}	

summary { 
	cursor: pointer;
	}

.bfaq {
	display: flex;
	background-color: #222222;
	margin: 10px auto;
}

details, details open {
	background-color: #222222;
	margin: 20px 20px;
}

summary h3 {
	font-size: 20px;
}

.coumna-cabecera {
	margin: 50px auto !important;
}

/* Artículos de blog*/
.featured-media, .intro-text {
	display: none;
}

.entry-content {
	max-width: 700px;
	margin: auto auto;
}

.entry-header {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.entry-title {
	max-width: 800px;
	
}

.entry-content, th, th {
	font-size: 2rem;
}
	
/*Tabla de contenidos*/
#rank-math-toc {
	background-color: #222222;
	border: 0.5px solid #fff;
	border-radius: 4px;
	margin-top: 40px;
}

#rank-math-toc h2 {
	margin-top: 32px;
}

#rank-math-toc h2, #rank-math-toc nav {
	margin-left: 30px;
}

#rank-math-toc a {
	color: #fff;
}

#rank-math-toc ul {
	list-style: none;
}


/*Social Share*/
#social-share-id .wp-block-group__inner-container div {
	background-color: #222222 !important;
	border: 0.5px solid #fff !important;
	border-radius: 4px;
	margin-top: 40px;
}

/* CTA final landings */
.white-text {
	color: #fff !important;
}

.etb-rating {
	height: 10px !important;
	width: 20px !important;
}

/* ---------------------------------------------------------------------------------------------------------------------
 * ---------------------------------------------------------------------------------------------------------------------
 * Estilos footer*/