/*
Theme Name: bestcafe
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/




label.name {
    width: 60%;
    float:left;
}
label.mail {
   width: 38%;
    float: right;
}

label.custmform {
width: 23%;
float: right;
margin-right: 10px;
height: 170px;
}
textarea.wpcf7-form-control.wpcf7-textarea {
height: 170px;
}

.modal.show >#modal-content >  div#modal-ready {
padding: 30px;
}
.modal-wrapper.styled .modal .close-modal {
font-size: 3.0em!important;
}

.button span {
line-height: 2;
}


input.wpcf7-form-control.wpcf7-submit {
color: #fff;
width: 100%;
font-size: 11px;
}

div.contactformentire {
width: 97%;
background-color: #fff;
padding: 30px;
margin-left: 25px;
float: left;
margin-bottom: 20px;
}
input.wpcf7-form-control.wpcf7-text, textarea.wpcf7-form-control.wpcf7-textarea {
font-size: 11px;
border: none;
box-shadow: none;
border-bottom: 1px solid #d4d4d4;
}


input[type=radio] {
display:none;
}

input[type=radio] ~ div.mycufiel:after   {

}
input[type=radio]:checked ~ div.mycufiel:after   {
display:block;

    color: #ffff00;
    font-size:50px;
    position:absolute;
    font-family: FontAwesome;
    content: "\f00c";
     margin-top: 30px;
    margin-left: 115px;
}


input[type=radio] ~ div.mycufiel {
     width: 273px;
     height: 140px;
     position: absolute;
     margin-left: 3px;
     margin-top: -136px;
    -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   transition: all 0.5s linear;
}

input[type=radio]:checked ~ div.mycufiel {
     display:block;
     background-color: rgba(0, 0, 0, 0.54);

}


div.mycufiel {
background-color: trasparent;

}




img.attachment-277x115.size-277x115.wp-post-image {
width: 277px!important;
padding-left: 2px!important;
}
.wpcf7-list-item-media {
width: 277px!important;
margin-bottom: 0px;
}
img.attachment-277x115.size-277x115.wp-post-image {
width: 277px!important;
padding-left: 2px!important;
}

span.mainhead {    
    font-size: 65px;
    font-family: 'Arimo';
    font-weight: 700;
    line-height: 38px;
line-height: 55px;
}
.descove {
    color: #fff;        
    font-size: 35px;
    font-family: 'Arimo';
    font-weight: 700;
    line-height: 38px;
}
.blueari {
    font-family: 'Alegreya', serif;
    font-size: 16px;
    color: #00baee;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 18px;
}

.whiteari {
    font-family: 'Alegreya', serif;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
}
.whitemain {
    font-family: 'Arimo', serif;
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    line-height: 20px;
}
.whitebutton {
    font-family: 'Alegreya', serif;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    border: 2px solid #fff;
    padding: 8px
}
    

.blackpsi {
    font-family: 'Arimo', serif;
    font-size: 35px;
    color: #000;
    text-transform: uppercase;
    font-weight: 700;
}    
.secondary.is-outline:hover {
color: #000!important;
}

ul.wpcf7-form-control > li {
width:23%!important;
float: left;
}

ul.wpcf7-form-control > li > label  {
margin-bottom:0px!important;
}

ul.wpcf7-form-control > li > label > img {
box-shadow: none!important;
padding-bottom:0px!important;
padding-left: 0px!important;
padding-right: 0px!important;
width: 284px!important;
}


div.wpcf7-list-item-body {
width: 234px;
padding-left: 3px;
}

div.wpcf7-list-item-label  {
color: #fff!important;
text-align: center;
padding: 5px;
background-color: #000000;
width: 273px;
}
div.wpcf7-list-item-excerpt {
margin-top: -170px!important;
z-index: 999999999999;
position: relative;
color: #000!important;
background-color: #ffff00;
float: right;
padding-left: 10px;
padding-right: 10px;
margin-right: -30px;
font-size: 11px!important;
font-family:'Alegreya';
font-weight: 800; 
}






@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}