/*
Theme Name: Cirklo
Theme URI: http://cirklo.mx
Description: Theme developed by Unrest
Author: Unrest
Author URI: http://unrest.mx
Version: 1.0.1
*/

@import url('css/cirklo.css');

.single.wrap article {
    padding: 20px;
}

.single.wrap article h1{
	margin-bottom: 20px; 
}

.single.wrap article p{
	text-align: justify;
}

.single.wrap img{
    max-width: 100%;
    display: inherit;
    margin-top: 20px;
    margin-bottom: 20px;
    height: auto;
}
.single.wrap img.aligncenter{
    margin: 20px auto;
    display: inherit;
}

img.aligncenter:parent { 
	text-align: center;
}

.modal {
    width: 100%;
    height: 100vh;
    opacity: 0;
    z-index: -1;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0, .5);
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
}
.modal.active{
    opacity: 1;
    z-index: 9;    
}
.modal .close-modal{
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 20px;
    color: #f1624f;
    font-weight: 900;
}
.modal .form-container {
    width: 90%;
    max-width: 400px;
    height: 90%;
    max-height: 500px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #fff;
    border-radius: 20px;
    padding: 40px;
}

.video--holder {
    width: 100%!important;
}

.close-modal{
    cursor: pointer;
}

.frm_button_submit{
    background: #f1624f!important;
    color: #fff!important;
    border-radius: 50px!important;
    padding: 5px 40px!important;
    border: 1px solid #ffff!important;
}

#form_contact-form input{
    border-color: #f1624f;
}
    
.form-container p {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 15px;
}
    
.with_frm_style .frm_submit {
    text-align: center;
}

.blog__item .blog__item--content {
    background-color: #181818;
}

.blog__item .blog__item--meta {
    background-color: #181818;
}
.blog__intro--img {
    filter: invert(1);
    -ms-filter: invert(1);
    -webkit-filter: invert(1);
}
.blog__intro--sec {
    color: #000;
}
.meta--author {
    font-size: 14px;
    margin-bottom: 10px;
    color: #fff;
}



@media(max-width: 756px){
    .modal .form-container {
        padding: 20px;
        padding-top: 40px;
    }
    #field_ocfup1_label{
        display: none;
    }
    .frm_form_field.form-field{
        margin-bottom: 8px!important;
    } 
    .frm_primary_label{
        font-weight: 500!important;
    }
    .blog__item--link {
        margin-bottom: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100px;
    }
    .meta--author b {
        display: inline-block;
        margin-top: 10px;
    }
    .blog__item {
        margin-top: 40px;
    }
    .blog__item--ttl {
        color: #fff;
        font-size: 20px;
        margin-bottom: 10px;
        padding-right: 20px;
    }
}