/* 
Theme Name:		 Casel
Theme URI:		 http://childtheme-generator.com/
Description:	 Casel is a child theme of WP Bootstrap Starter, created by ChildTheme-Generator.com
Author:			 Juenlis Coss
Author URI:		 http://childtheme-generator.com/
Template:		 wp-bootstrap-starter
Version:		 1.0.0
Text Domain:	 casel
*/

/*
    Add your custom styles here
*/

body {
  color: #243746;
}

header#masthead {
  background-color: #fff;
}

header.site-header .navbar-brand img {
  height: auto;
  width: 62px;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li {
  margin: 0 20px;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
  color: #243746;
  font-size: 16px;
  font-weight: 600;
  padding-left: 0;
  padding-right: 0;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover,
body:not(.theme-preset-active)
  #masthead
  .navbar-nav
  > li.current_page_item
  > a {
  color: #40d590;
}

.abajo{
	margin-bottom:50px;
}
.margen{
	margin-left:85px;
}
/*.learn{
	margin-left:-30px;
}*/
h2.learn {
	color: #0A7AC0;
}
.boton-learn{
	margin-left: 230px;
	margin-bottom:50px;
}
learn1 .card-title {
	color: #0A7AC0;
}

#content.site-content {
  padding-bottom: 0;
  padding-top: 0;
}

#hero {
  background-size: cover !important;
  background-position-y: center !important;
  min-height: 600px;
  max-height: calc(100vh - 95px);
  position: relative;
}

#hero::before {
  content: "";
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

#hero h1 {
  color: #fff;
  font-size: 55px;
  font-weight: bold;
  line-height: 55px;
}

#hero .content {
  color: #fff;
  font-size: 25px;
  line-height: 30px;
}

.buttonwrap {
  text-align: center;
  background: #E5EFF6;
  padding: 5px 20px 100px 20px;
}

section#primary .btn-take-quiz,
.greenbutton {
  background-color: #68eeaf;
  border-radius: 30px;
  border: 0;
  color: #243746;
  font-size: 16px;
  font-weight: 600;
  padding: 0.5rem 2rem;
  display: inline-block;
}

section#primary .btn-take-quiz:hover {
  color: #fff;
  text-decoration: none;
  background-color: #008CBA;
}

section#primary .content ~ .btn-take-quiz,
section#primary .s-content ~ .btn-take-quiz {
  display: inline-block;
  margin-top: 0.5rem;
}

section#primary .s-heading {
  color: #0a7ac0;
  font-size: 30px;
  font-weight: 600;
  line-height: 35px;
}

section#primary .s-heading-content {
  font-size: 22px;
  line-height: 25px;
  margin-bottom: 10px;
}

section#primary .s-heading-card {
  font-size: 18px;
  line-height: 23px;
}

section#primary .s-content {
  text-align: left;
  font-size: 16px;
  line-height: 21px;
  color: #243746;
}

.bg-blue {
  background: rgba(10, 122, 192, 0.08);  
}

.casel-img {
  max-height: 115px;
  width: auto;
}



#footer-widget {
  color: #fff;
  background-color: #243746;
}

#footer-widget .container {
  margin-top: 5rem;
  margin-bottom: 0;
}

#footer-widget .text-green {
  color: #68eeaf;
}

#footer-widget .footer-1 img {
  max-height: 100px;
  width: auto;
}

#footer-widget .footer-3 section,
#footer-widget .footer-3 section .wp-block-image {
  margin-bottom: 0;
}

#footer-widget .footer-3 img {
  max-height: 40px;
  width: auto;
}

#footer-widget a,
footer#colophon a {
  text-decoration: underline;
}

footer#colophon .container {
  margin-bottom: 5rem;
}

body:not(.theme-preset-active) footer#colophon {
  background-color: #243746;
  color: #68eeaf;
}

.btn-group{
    display: flex;
    flex-wrap: wrap;
    margin: 10px;
    margin-left: 40px;
}

.verdefuerte {
    background-color: aquamarine;
    padding-top:70px;
    /*padding-bottom: 105px !important;*/
}
.bg-d-green {
    background-color: #D9F7E9;
}
.verdecalido {
    background-color: #E7F8F0;
}
.c-l-blue {
    color: #0A7AC0;
}
.bg-l-blue {
    background-color: rgba(10, 122, 192, .08);
}
.heading-as-content {
    line-height: 1.5;
}

.form-group input.line, select.line, textarea.line{
       border-bottom: 1px solid #888 !important;
       background: transparent !important;
       border: 0;
}
.form-control {
  background: transparent;
  border: none;
  border-bottom: 1px solid #000000;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
}

.form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.form-control::-webkit-input-placeholder {
  text-align: center;
  line-height: 100px;/* Centrado vertical */
}

.sectioncuadradostexto{
	text-align: left;
	padding-top: 100px;
	/*padding-left: 200px;
	padding-right: 195px;*/
}
.sectioncuadradostexto h2 {
	color: #0A7AC0;
	font-weight: 600;
}
.anchocuadrado{
	width: 100% !important;
	border-radius: 20px !important;
    border-width: 2px;
    border-color: #40D590 !important;
}
.text-primary {
    color: #007bff !important;
}

.textsub{
	color: #0F79BFA7 !important;
}
.textespacio{
	text-align:center;
	margin-left:200px;
}
.bordeimagen{
	border-top-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
    border-bottom: 2px solid #40D590;
}
.bordecards{
	border: 1px solid #28a745;
	border-radius: 20px;   
	/*max-width: 480px !important;
	margin-right: 50px !important;*/
    width: 100%;
}
.bordecards .card-img {
	max-width: 150px;
}
.imagenredonda{
	margin-left: 20px !important;
	margin-top: 20px !important;
}
.imagenredonda .card-img {
	width: 115px;
	height: auto;
}
.textoinferior{
	margin-left: 140px !important;
    padding: 95px;    
}
.padding-learnmore{
	padding-bottom: 210px !important;
}
.formulario{
	float: right;
    margin-right: 160px;
}

.borde{
	border:none;
}
.espa{
	margin-left: 180px;
}
/*Media Query*/
@media (min-width: 768px) {
	#main-nav .btn-take-quiz {
	  background-color: #68eeaf;
	  border-radius: 19px;
	  padding-left: 1rem;
	  padding-right: 1rem;
	}

	#main-nav .btn-take-quiz:hover {
	  background-color: #008CBA;
	}

	#main-nav .btn-take-quiz:hover a {
	  color: #fff !important;
	  background-color: #008CBA;
	}
}
@media (min-width: 576px) and (max-width: 767.98px) {
   .sectioncuadradostexto{
	text-align: left;
	padding-top: 100px;
	/*padding-left: 200px;
	padding-right: 195px;*/
}  
	.formulario {
    float: right;
    margin-right: 70px;
}
	.verdefuerte {
    background-color: aquamarine;
    padding-top: 70px;
    padding-bottom: 105px !important;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.sectioncuadradostexto{
	text-align: left;
	padding-top: 100px;
	/*padding-left: 200px;
	padding-right: 195px;*/
}
	.formulario {
    float: right;
    margin-right: 70px;
}
	.verdefuerte {
    background-color: aquamarine;
    padding-top: 70px;
    padding-bottom: 105px !important;
}
}
@media (min-width: 576px) {
    .sectioncuadradostexto{
	text-align: left;
	padding-top: 100px;
	/*padding-left: 200px;
	padding-right: 195px;*/
}
	.formulario {
    float: right;
    margin-right: 70px;
}
	.verdefuerte {
    background-color: aquamarine;
    padding-top: 70px;
    padding-bottom: 105px !important;
}
}
@media (min-width: 768px) {
    .sectioncuadradostexto{
	text-align: left;
	padding-top: 100px;
	/*padding-left: 200px;
	padding-right: 195px;*/
}
	.formulario {
    float: right;
    margin-right: 70px;
}
	.verdefuerte {
    background-color: aquamarine;
    padding-top: 70px;
    padding-bottom: 105px !important;
}
}
@media (min-width: 992px) {
    .sectioncuadradostexto{
	text-align: left;
	padding-top: 100px;
	/*padding-left: 200px;
	padding-right: 195px;*/
}
	.formulario {
    float: right;
    margin-right: 70px;
}
	.verdefuerte {
    background-color: aquamarine;
    padding-top: 70px;
    padding-bottom: 105px !important;
}
}
@media (min-width: 1200px) {
    .sectioncuadradostexto{
	text-align: left;
	padding-top: 100px;
	/*padding-left: 200px;
	padding-right: 195px;*/
}
	.formulario {
    float: right;
    margin-right: 70px;
}
	.verdefuerte {
    background-color: aquamarine;
    padding-top: 70px;
    padding-bottom: 105px !important;
}

}
@media (min-width: 1400px) {
.sectioncuadradostexto{
	text-align: left;
	padding-top: 100px;
	/*padding-left: 200px;
	padding-right: 195px;*/
}
	.formulario {
    float: right;
    margin-right: 70px;
}
	.verdefuerte {
    background-color: aquamarine;
    padding-top: 70px;
    padding-bottom: 105px !important;
}
}
@media (min-width: 1920px) {
.sectioncuadradostexto{
	text-align: left;
	padding-top: 100px;
	/*padding-left: 200px;
	padding-right: 195px;*/
}
	.formulario {
    float: right;
    margin-right: 70px;
}
	.verdefuerte {
    background-color: aquamarine;
    padding-top: 70px;
    padding-bottom: 105px !important;
}
}
@media (max-width: 1399.98px) {
   .sectioncuadradostexto{
	text-align: left;
	padding-top: 100px;
	/*padding-left: 200px;
	padding-right: 195px;*/
}
	.formulario {
    float: right;
    margin-right: 160px;
}
	.verdefuerte {
    background-color: aquamarine;
    padding-top: 70px;
    padding-bottom: 105px !important;
}
}

@media (max-width: 1199.98px) {
    .sectioncuadradostexto{
	text-align: left;
	padding-top: 50px;
	/*padding-left: 125px;
	padding-right: 90px;*/
}
	.boton-learn {
    margin-left: 120px !important;
    margin-bottom: 50px;
}
	.formulario {
    float: right;
    margin-right: 50px;
}
	.verdefuerte {
    background-color: aquamarine;
    padding-top: 70px;
    padding-bottom: 130px !important;
}
	.abajo {
    margin-bottom: 90px !important;
}
	.anchocuadrado {
    width: auto !important;
    border-radius: 20px !important;
    margin-bottom: 30px !important;
}
	.columna1{
	  margin-top: 0px;	
	}
	.columna2{
	  margin-top: -5px;	
	}
	.tarjeta1{
	 margin-bottom: 15px;
	}
}

/* Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
    .sectioncuadradostexto{
	text-align: left;
	padding-top: 50px;
	/*padding-left: 50px;
	padding-right: 50px;*/
}
	.columna1{
	padding-bottom: 30px !important;
    margin-top: 0px;	
	}
	.columna2{
	padding-bottom: 40px !important;    	
	}
	.imagenredonda{
	margin-left: 20px !important;
	margin-top: 10px !important;
}
	.textoinferior{
	margin-left: 0px !important;  
		padding:50px !important;
}
	.textespacio{
	margin-left:0px !important;
	}
	.botoninferior{
		margin-left:0px !important;
	}
	.moverboton{
		margin-left: -20px !important;
	}
	.margen {
    margin-left: 20px !important;
}
	.formulario {
    float: right;
    margin-right: 70px;
}
	.abajo1{
	margin-bottom:50px;
}
	
}
/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
    .sectioncuadradostexto{
	text-align: left;
	padding-top: 50px;
	/*padding-left: 50px;
	padding-right: 50px;*/
}
}
.botoninferior{
		margin-left:250px;
	}
/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .sectioncuadradostexto{
	text-align: left;
	padding-top: 100px;
	/*padding-left: 200px;
	padding-right: 195px;*/
}
}
@media (max-width: 480px) {
    .sectioncuadradostexto{
	text-align: left;
	padding-top: 50px;
	/*padding-left: 50px;
	padding-right: 50px;*/
}
}
@media (max-width: 380px) {
    .sectioncuadradostexto{
	text-align: left;
    padding-top: 10px;
    /*padding-left: 20px;
    padding-right: 15px;*/
    font-size: 16px;
}
	.espa{
	margin-left: 50px;
}
	.margen{
	margin-left: 30px !important;
}
	.imagenredonda{
	  padding-right: 20px !important;
      width: 250px;
}
	.textoinferior{
	margin-left: 10px !important;  
		padding:0px !important;
}
	.botoninferior{
		margin-left:20px;
	}
	.textespacio{
	margin-left:0px !important;
}
	.formulario {
       float: right;
       margin-right: 25px !important;
	   margin-top: 10px;
}
	.learn{
	margin-left:0px !important;
}
	.subti{
		padding:25px;
	}	
	.learn1{
	margin-left:30px;
}
	.boton-learn{
	margin-left: 240px;
	margin-bottom:50px;
}
		
}

/* Modal */

dialog {
  background: transparent;
  border: none;
  z-index: 2;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

dialog hr {
  margin: 12px 0;
  background-color: #fff;
}

dialog > div {
  margin: 30px;
  background: #fff;
  border-radius: 16px;
  border-top: 16px solid #3ed590;
  box-shadow: 0 0 40px #00000055;
  overflow: auto;
}

dialog abbr {
  color: #f00;
  text-decoration: none;
}

dialog form {
  max-width: 400px;
  margin: 0 auto;
  padding: 30px;
}

dialog small {
  display: block;
  line-height: 1.25;
  font-weight: 300;
  max-width: 400px;
  padding: 20px;
}

dialog p small {
  font-weight: bold;
}

dialog a {
  text-decoration: underline;
}

dialog label {
  text-align: left;
}

form[method='dialog'] {
  position: fixed;
  padding: 0;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  max-width: unset;
  z-index: -1;
}

form[method='dialog'] button {
  display: block;
  font-size: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.9);
}

form[method='dialog'] button::after {
  background: linear-gradient(
    -45deg,
    transparent calc(50% - 2px),
    #0070da calc(50% - 2px),
    #0070da calc(50% + 2px),
    transparent calc(50% + 2px)
  ) no-repeat,
  linear-gradient(
    45deg,
    transparent calc(50% - 2px),
    #0070da calc(50% - 2px),
    #0070da calc(50% + 2px),
    transparent calc(50% + 2px)
  ) no-repeat;

  position: absolute;
  top: 0;
  right: 12px;
  padding: 6px;
  height: 30px;
  width: 30px;
  content: '';
  z-index: 100;
  background-color: #fff;
  border: 6px solid #fff;
}

form[method='dialog'] button:hover::after,
form[method='dialog'] button:active::after,
form[method='dialog'] button:focus::after {
  background: linear-gradient(
    -45deg,
    transparent calc(50% - 2px),
    #d10000 calc(50% - 2px),
    #d10000 calc(50% + 2px),
    transparent calc(50% + 2px)
  ) no-repeat,
  linear-gradient(
    45deg,
    transparent calc(50% - 2px),
    #d10000 calc(50% - 2px),
    #d10000 calc(50% + 2px),
    transparent calc(50% + 2px)
  ) no-repeat;

  background-color: #000;
  border-color: #000;
}

.ctct-button {
  display: none;
}

.ctct-form {
  margin-bottom: 0;
  max-height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
}

.ctct-form p {
  font-size: 1.375rem;
  font-weight: 300;
}

.ctct-form label {
  font-size: 1rem;
  font-weight: 400;
  display: block;
  margin-bottom: 8px;
}

.ctct-form label.required::after {
  content: '*';
  margin-left: 3px;
  color: #d10000;
}

.ctct-form input[type='submit'] {
  line-height: 1;
  text-align: center;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  text-decoration: none;
  transition: all linear 0.2s;
  padding: 20px 40px;
  border-radius: 6px;
  font-weight: bold;

  color: #fff;
  background: linear-gradient(
    to right,
    #fff 50%,
    #0070da 50%
  ) no-repeat 101% 0 / 200% auto #0070da;
  border: 2px solid #0070da;
}

.confirm-text {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 300;
}

.ctct-form input[type='email'].error,
.ctct-form input[type='text'].error {
  margin-bottom: 0;
  border: 2px solid #d10000;
}

.ctct-form input[type='email'].confirm,
.ctct-form input[type='text'].confirm {
  margin-bottom: 0;
  border: 1px solid #3ed590;
}

.confirm-text {
  color: #3ed590;
}

.ctct-form select,
.ctct-form textarea,
.ctct-form input[type='text'],
.ctct-form input[type='url'],
.ctct-form input[type='password'],
.ctct-form input[type='email'] {
  border: 1px solid #666;
  margin-bottom: 12px;
  padding: 8px 16px;
  width: 100%;
}

.ctct-form input:disabled {
  cursor: not-allowed;
  pointer-events: none;
  color: #666;
  background: #eee;
  border-color: #333;
}

.ctct-form select {
  background-image: url('data:image/svg+xml,%3Csvg version="1.1" fill="%23555555" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 8.5"%3E%3Cpath d="m7.55 8.27 6.23-6.23c0.3-0.3 0.3-0.79 0-1.09l-0.73-0.73c-0.3-0.3-0.79-0.3-1.09 0l-4.96 4.94-4.96-4.94c-0.3-0.3-0.79-0.3-1.09 0l-0.73 0.73c-0.3 0.3-0.3 0.79 0 1.09l6.23 6.23c0.3 0.3 0.79 0.3 1.09 0z"/%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-color: #fff;
  background-position: 96% center;
  background-size: 10px;
  -webkit-appearance: none;
}

.ctct-form input[type='checkbox']:not(.tooltip-trigger),
.ctct-form input[type='radio'] {
  appearance: auto;
  margin-right: 6px;
}

.ctct-form input[type='radio'] {
  appearance: none;
}

.ctct-form input[type='radio']::after {
  display: inline-block;
  visibility: visible;
  content: '';
  position: relative;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: transparent;
  border: 1px solid #444;
}

.ctct-form input[type='radio']:checked::after {
  background-color: $white;
  border: 4px solid $blue;
}

.ctct-form-field {
  margin-bottom: 0;
}

.ctct-success {
  padding: $mgn;
}

.ctct-form-field-submit {
  text-align: center;
  margin-bottom: 0;
}

.ctct-input-container label,
.ctct-form-field-checkbox label {
  position: static;
}

.ctct-submit {
  margin: 0 auto;
}

.ctct-dismiss {
  display: none;
}

.ctct-success {
  margin: 30px 60px;
}

.ctct-form-description p {
  margin: 10px 20px 0 20px;
  max-width: 400px;
}

/* Videos page */

.page-id-1857 .entry-title {
  color: #243746;
  font-size: 56px;
  font-weight: bold;
}

.page-id-1857 .content-area {
  margin: 60px auto;
}

.centered {
  text-align: center;
}

.page-id-1922 #primary {
  margin: 0;
  padding: 0;
  max-width: unset !important;
}

.page-id-1922 .entry-content {
  margin: 0;
}


.heading {
  background: linear-gradient(#00000099, #00000099), url('https://leadingwithsel.org/wp-content/uploads/2021/08/Stock_107526436-scaled.jpeg') no-repeat center / cover #E5EFF6;
  padding: 100px 30px;
  margin-bottom: 60px;
}

.heading h2, .heading h3, .heading h4, .selweek, .houseres img {
  margin-left: auto;
  margin-right: auto;
  width: 920px;
  max-width: 100%;
}

.heading h2, .heading h3, .heading h4 {
  text-shadow: 0 0 10px #000;
  color: #fff;
}

.page-id-1922 .entry-header {
  display: none;
}

.houseres {
  margin-top: 60px;
  margin-bottom: 0;
  text-align: center;
  padding: 60px 30px;
  background: #E7F8F0;
}

.houseres img {
  box-shadow: 0 0 20px #00000022;
}

.houseres figcaption {
  margin-top: 30px;
  font-style: italic;
  margin-left: auto;
  margin-right: auto;
  max-width: 640px;
}

.selweek {
  padding-left: 20px;
  padding-right: 20px;
}

.selweek h2 {
  margin-top: 30px;
  font-weight: 900;
}