/*
Theme Name: Teklan
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/



/*Add your own styles here:*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');

body {
    font-family: 'Poppins';
    font-size: 16px;
}

.main_color(not:.full_width) .container {
    max-width: 870px;
}

/* Meta header */

#header_meta .container {
    min-height: 40px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0;
}

#header_meta .container::after {
    display: none;
}

.header_contact {
    display: flex;
    flex-direction: row;
    font-weight: 600;
    gap: 30px;
    margin: 0px;
}

.header_contact li a {
    color: #fff;
}

.header_contact li a:hover {
    color: #fff;
}

/* Main header */

#header_main .container {
    padding: 40px 0px 0px 0px;
}

#header_main .container .inner-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-end;
}

#teklan-nav {
    display: flex;
    gap: 30px;
    align-items: flex-end;
}

#teklan-heading {
    margin: 0px;
}

#teklan-return-home {
    line-height: 20px;
}



/* Footer*/

#footer {
    padding-top: 120px;
}

#footer .container div:last-child section {
    float: right;
}

.footer_color {
    background-size: cover;
}

#socket {
    border: none;
}

.footer_links {
    float: right;
}

.footer_links a {
    margin-left: 15px;
}

.footer_contact li .teklan-icon {
    color: #707a77;
}

.teklan-icon {
    display: flex;
    align-items: center;
}

.teklan-icon::before {
    content: '';
    background-repeat: no-repeat;
    padding: 16px;
    align-self: flex-start;
}

.teklan-icon-loc::before {
    background-image: url('https://teklan-canaldenuncias.es/wp-content/uploads/2024/03/localizacion.svg');
}

.teklan-icon-mail::before {
    background-image: url('https://teklan-canaldenuncias.es/wp-content/uploads/2024/03/mail.svg');
}

.teklan-icon-tel::before {
    background-image: url('https://teklan-canaldenuncias.es/wp-content/uploads/2024/03/telefono.svg');
}

.teklan-icon-mail2::before {
    background-image: url('https://teklan-canaldenuncias.es/wp-content/uploads/2024/03/mail-blanco-copy.svg');
}

.teklan-icon-tel2::before {
    background-image: url('https://teklan-canaldenuncias.es/wp-content/uploads/2024/03/telefono-blanco-copy.svg');
}

/* Desplegables */
.toggle_wrap .toggle_content {
    border: none;
    padding: 20px 10px;
}

section.av_toggle_section {
    margin-bottom: 5px;
}

div.single_toggle p.toggler {
    padding: 6px 10px;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    font-weight: 600;
    border: solid 1px #9da8a5 !important;
	height:40px;
}

.toggler::after {
    content: '';
    background-image: url(https://teklan-canaldenuncias.es/wp-content/uploads/2024/03/desplegar.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 25px;
    height: 20px;
    transition: all 0.3s ease-in-out;
}

.toggler.activeTitle::after {
    transform: rotate(180deg);
}

.toggler .toggle_icon {
    display: none;
}


/* Formularios */


.wpcf7-spinner {
    display: none;
}

.teklan-form-label {
    font-size: 22px;
    color: #9da8a5;
    font-weight: 600;
}

.teklan-radiobutton {
    display: flex;
    justify-content: space-between;
}

.teklan-radiobutton > span {
    flex: 1;
    background-color: #9da8a5;
    transition: background-color 0.3s ease;
    padding: 0;
    display: flex;
    text-align: center;
    align-items: center;
    margin: 0;
}

.teklan-radiobutton span label {
    flex: 1;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.teklan-radiobutton > span:has(input[type=radio]:checked) {
    background-color: #e50046;
}


.teklan-radiobutton span span {
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 20px !important;
}

.teklan-radiobutton span input[type=radio] {
    display: none;
}

.teklan-radioinput input[type=radio] {
    appearance: none;
    background-color: #fff;
    margin: 0px;
    width: 30px;
    height: 30px;
    border: 1px solid #9da8a5;
    border-radius: 50%;
    transform: translateY(5px);
    display: inline-grid;
    place-content: center;
}

.teklan-radioinput input[type=radio]::before {
    content: '';
    width: 20px;
    height: 20px;
    background-color: #e50046;
    border-radius: 50%;
    transform: scale(0);
    transition: transform 0.2s ease-in-out;
}

.teklan-radioinput input[type=radio]:checked::before {
    transform: scale(1);
}

.teklan-radioinput input[type=radio]:hover:not(:checked)::before {
    transform: scale(0.8);
    opacity: 50%;
}

.teklan-radioinput label span {
    font-size: 16px !important;
}



#top .teklan-form-textarea {
    resize: vertical;
    margin-bottom: 0px;
}

.teklan-form-row label {
    flex: 1;
}

div.teklan-input-small span:has(input), input[type=submit].teklan-input-small {
    flex: 0 0 220px;
}

.teklan-form-upload::file-selector-button {
    font-size: 13px;
    color: #fff;
    background-color: #9da8a5;
    padding: 4px 10px;
    border: none;
    font-family: 'Poppins';
    max-width: 220px;
}

.teklan-input-small input {
    max-width: 220px;
}

.teklan-form-date {
    width: 100%;
    color: #707a77;
    font-family: 'Poppins';
    padding: 0px 6px;
}

.teklan-form-upload {
    padding: 5px;
    border: 1px solid #ebebeb;
}

.teklan-form-body input[type=text], .teklan-form-date, .teklan-form-upload, .teklan-form-body select {
    height: 40px;
}

#top .teklan-form-body input, #top .teklan-form-body select, #top .teklan-form-body textarea {
    border: solid 1px #9da8a5;
}


.teklan-form-checkbox span {
    margin: 0px;
    letter-spacing: normal;
    line-height: normal;
}

.teklan-form-checkbox span label {
    display: flex;
    align-items: baseline;
}

.teklan-form-submit {
    clip-path: polygon(0% 0%, 100% 0%, 95% 100%, 0% 100%);
    font-size: 16px;
    font-weight: 600;
    height: 50px;
    flex: 0 1 220px;
}

/* form layout */
.teklan-form-block {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.teklan-form-block input, .teklan-form-block select {
    margin-bottom: 0px !important;
}

.teklan-form-row {
    display: flex;
    gap: 10px;
    flex-direction: row;
}

.teklan-form-row > span {
    flex: 1;
    margin: 0px;
}

.teklan-form-body {
    display: flex;
    padding: 30px;
    padding-bottom: 0px;
    gap: 30px;
    flex-direction: column;
}
   #socket .container {
    display: flex;
    flex-direction: row;
    place-content: space-around;
    }
#socket .copyright{
    place-self: self-end;
}
.footer_links{
    flex-grow: 1;
    text-align: right;
}

/**Pagina contacto**/

.col_form_iz, .col_form_iz_b {
    float: left;
    width: 48%;
}
#top #contacto_block form label {
    display: none;
}
#top #contacto_block form p {
    margin:0;
}
#top #contacto_block form {
     
}
#top .contacto_page .main_color#contacto_block .input-text, 
#top .contacto_page .main_color#contacto_block input[type='text'], 
#top .contacto_page .main_color#contacto_block input[type='input'], 
#top .contacto_page .main_color#contacto_block input[type='password'], 
#top .contacto_page .main_color#contacto_block input[type='email'], 
#top .contacto_page .main_color#contacto_block input[type='number'], 
#top .contacto_page .main_color#contacto_block input[type='url'], 
#top .contacto_page .main_color#contacto_block input[type='tel'], 
#top .contacto_page .main_color#contacto_block textarea, #top .contacto_page .main_color select {
    border-color: #fff;
    background-color: transparent;
    color: #fff;
    margin-bottom: 0.6rem;
    padding: 0.4rem 0.6rem;
    font-size: 1rem;
    font-weight: 200;
    font-family: 'Poppins', Helvetica, Arial, sans-serif;
}
#top .main_color#contacto_block h3
,#top .main_color#contacto_block .input-text::placeholder, 
#top .main_color#contacto_block input[type='text']::placeholder, 
#top .main_color#contacto_block input[type='input']::placeholder, 
 #top .main_color#contacto_block input[type='email']::placeholder, 
 #top .main_color#contacto_block input[type='number']::placeholder, 
  #top .main_color#contacto_block input[type='tel']::placeholder,
   #top .main_color#contacto_block textarea::placeholder {
    color:#fff;
   }

.col_form_der, .col_form_der_b {
        float: left;
    width: 48%;
    margin-left: 2%;
}
#top #contacto_block textarea {
    height: 140px;
    line-height: 1.5em;
}
#top #contacto_block form .accept label {
    display: block;
}
#top .contacto_page .wpcf7-form label span, #top .contacto_page .wpcf7-form legend span {
    font-size: 0.8rem;
    color: #fff;
    display: inline-block;
    width: 87%;
    line-height: 1.2;
        margin-left: 0.2rem;
}
#top .contacto_page .wpcf7-form label span a, #top .contacto_page .wpcf7-form legend span a {
  color: #fff!important;
  text-decoration:underline;  
}
#top .wpcf7-form input[type="submit"] {
   background: #e50046;
    color: #fff;
    text-transform: uppercase;
    width: 220px;
    padding: 1rem 0;
    font-size: 0.9rem;
    font-weight:bold;
    -webkit-clip-path: polygon(0 0, 100% 0, 97% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 97% 100%, 0% 100%);
}
#contacto_block {
    position: relative;
    z-index: 9;
    background: transparent;
}
#contacto_block .flex_column.first {
   position: relative;
   -webkit-clip-path: polygon(9% 0, 100% 0, 92% 100%, 0% 100%);
clip-path: polygon(9% 0, 100% 0, 92% 100%, 0% 100%);
    background:#af0d1c;
}
#contacto_block .flex_column.first .av_textblock_section {
    height: 97.5%;
    width: 97%;
    position: absolute;
    right: 0;
    top: 4px;
    left: 6px; 
     background:#fff;
    -webkit-clip-path: polygon(9% 0, 100% 0, 92% 100%, 0% 100%);
clip-path: polygon(9% 0, 100% 0, 92% 100%, 0% 100%);
}
#contacto_block .avia-builder-el-last .avia_textblock {
    max-width: 90%;
    margin: auto; 
    padding:2rem 0 0 0;  
}
#contacto_block .avia-builder-el-last {
    path: polygon(0% 0%, 100% 0%, 90% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 0% 100%);
}
#contacto_block .flex_column.first .av_textblock_section .avia_textblock {
     padding:0;
	margin:0px;
	height:100%;
}
#contacto_block .flex_column.first .av_textblock_section .avia_textblock div,
#contacto_block .flex_column.first .av_textblock_section .avia_textblock div img{
	    margin: 0;
    padding: 0;
	height:100%;
}
#contacto_block .flex_column.first .av_textblock_section .avia_textblock h2  {
    font-size:1.35rem;
}
#contacto_block .flex_column.first .av_textblock_section .avia_textblock p a  {
    font-size:1.3rem;
    margin-bottom:1.2rem;
        display: block;
}
#top #contacto_block .flex_column_table {
    background: #9da8a5;
    path: polygon(3% 0%, 100% 0%, 98% 100%, 0% 100%);
    clip-path: polygon(3% 0%, 100% 0%, 98% 100%, 0% 100%);
}
.accept .wpcf7-form-control-wrap,
.accept .wpcf7-form-control.wpcf7-acceptance {
    display:block;
    width:100%;
}
.accept .wpcf7-list-item {
    margin: 0 0 0 0;
    display:block;
    width:100%;
}
.accept 
.clearfix {
    display:block;
    clear:both;
    width:100%;
}
#top #contacto_block input[type="checkbox"] {
       display: inline;
    vertical-align: top;
    width: 15px;
    height: 15px;
    border: 0;
}
#top . #contacto_block h3 {
    color:#fff;
    margin-bottom: 1.2rem;
    font-size: 1.3rem;
}
/*tablet*/
@media only screen and (max-width: 1024px) {
	#header_meta, #header_main{padding: 0 10px;}
}
/* Movil */

@media only screen and (max-width: 767px) {
.col_form_iz, .col_form_iz_b {
    float: none;
    width: 90%;
}
	.col_form_der,.col_form_iz	{width:100%}
    #main main {
        padding: 20px 0px;
    }

    /* footer */

    #footer .container div section {
        margin: 0px;
        float: none !important;
        text-align: center;
    }

    #socket .container {
    display: flex;
    flex-direction: column;
    text-align: center;
    }

    .footer_contact {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    /* header */

    .sitedescr {
        display: none;
    }

    #header_meta .container {
        justify-content: center;
    }

    #header_main .container .inner-container {
        flex-direction: column;
        align-items: flex-start;
    }

    .logo.avia-standard-logo {
        text-align: center;
        align-self: center;
    }

    .logo.avia-standard-logo a {
        display: inline-block;
    }

    #teklan-nav {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    /*h1 {
        font-size: 27px;
    }*/

    #teklan-titulo div p {
        font-size: 25px;
        line-height: 32px;
    }

    .teklan-icon {
        font-size: 0px;
    }

    /* Form */

    .teklan-form-body {
        gap: 15px;
        padding: 15px;
        padding-bottom: 0px;
    }

    .teklan-form-row {
        flex-direction: column;
        gap: 5px;
    }

    .teklan-form-block {
        flex-direction: column;
        gap: 5px;
    }

    div.teklan-input-small span:has(input), input[type=submit].teklan-input-small {
        flex: 0;
    }

    .teklan-input-small input {
        max-width: none;
        width: 100%;
    }

    .teklan-form-label {
        font-size: 17px;
    }

}