/*
Theme Name: TopPic Child
Theme URI: http://themes.easysite.by/toppic-overview/
Author: kotofey
Author URI: http://www.themeforest.net/user/kotofey
Description: A child theme of TopPic Theme
Template: toppic
Version: 1.2
*/

@import url('../toppic/style.css');

/*-----------------------------------------------------------------------------------*/
/* WRITE YOUR OWN STYLES BELOW
/*-----------------------------------------------------------------------------------*/

/* For the layout on the wedding contract page */
.wrapper{
width:100%
}

.clientinfoWrapper{
    border-bottom: 2px solid #656565;
}

.weddingWrapper{
    padding-top: 15px;
    border-bottom: 2px solid black;
}

.otherWrapper{
    padding-top: 15px;
}


.clientinfoWrapper div{
    width: 100%;
    float: none;
    margin: 0 0 5px 0;
}

.clientinfoWrapper div label,.weddingWrapper div label{
    width: 40%;
    float: left;
    padding-right: 10px;
    padding-top: 6.5px;
    /*padding-bottom: 13.5px;*/
}

.clientinfoWrapper div span,.weddingWrapper div span{
    width: 60%;
    float: right;
}

.weddingWrapper div{
    width: 100%;
    float: none;
    margin: 0 0 5px 0;
}

.weddingWrapper div label{
    width: 40%;
    float: left;
    padding-right: 10px;
}

.weddingWrapper input[type="checkbox"],.otherWrapper input[type="checkbox"]{
width:auto !important;
}

.weddingWrapper div .column1{
    width: 40%;    
    float: left;
}

.weddingWrapper div .column2{
    width: 40%;    
    float: right;
}

.otherWrapper div{
    width: 100%;
    float: none;
    margin: 0 0 5px 0;
}

.otherWrapper div .rowLabel{
    padding-top: 6.5px;
}

.otherWrapper div .supplierColumn1{
    float: left;
    width: 20%;
}

.otherWrapper div .supplierColumn2{
    float: left;
    width: 35%;
}

.otherWrapper div .supplierColumn3{
    float: right;
    width: 35%;
}

.clientinfoWrapper:before,.clientinfoWrapper:after,.weddingWrapper:after,.otherWrapper:after,
.row:before,.row:after  {
        content:"";
          display: table ;
        clear:both;
}

#facilitiesRow span, #weddingOnsiteCheckbox span{
    float:none;
}

#facilitiesRow label, #weddingOnsiteCheckbox label{
    padding-top: 0px;
}

.wpcf7 h2,h3{
    font-weight: 800;
    font-style: oblique;
}

#buttonWrapper{
    padding-left: 42%;
    border-top: 2px solid white;
    padding-top: 15px;
}

.divider, hr{
margin-bottom: 20px !important;
}

/* For changing the font color of the content + adding transparency to the background*/
.content.page-content{
background: rgba(256, 256, 256, 0.75) !important;
min-height: auto;
}

h1, h2, h3, h4, h5, h6{
color: black!important;
}

.divider, hr{
border-bottom: 4px solid black;
}

body{
color: black !important;
}

/* For Popup */
/* Outer */
.popup-contract {
    width:100%;
    height:100%;
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    background:rgba(0,0,0,0.75);
}
 
/* Inner */
.popup-inner {
    max-width:700px;
    width:90%;
    padding:40px;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    box-shadow:0px 2px 6px rgba(0,0,0,1);
    border-radius:3px;
    background:#fff;
    color: black;
}
 
/* Close Button */
.popup-close {
    width:30px;
    height:30px;
    padding-top:4px;
    display:inline-block;
    position:absolute;
    top:0px;
    right:0px;
    transition:ease 0.25s all;
    -webkit-transform:translate(50%, -50%);
    transform:translate(50%, -50%);
    border-radius:1000px;
    background:rgba(0,0,0,0.8);
    font-family:Arial, Sans-Serif;
    font-size:20px;
    text-align:center;
    line-height:100%;
    color:#fff;
}
 
.popup-close:hover {
    -webkit-transform:translate(50%, -50%) rotate(180deg);
    transform:translate(50%, -50%) rotate(180deg);
    background:rgba(0,0,0,1);
    text-decoration:none;
}

.popup-inner h2{
color: black !important;
font-weight: 700;
}

button, input.submit, input[type=submit], input[type=reset], input[type=button] {
background: #BB7A27;
}

input, textarea, select {
    color: #000;
}


/* For the layout on the long lunch page */
.row-price {
    padding-left: 50px;
}

.row-name {
	width: 50%;
    padding-left: 40px;
  
}

/* For the layout on the landing-page-festival */
span.wpcf7-list-item { display: block; }
.wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea{width:auto !important}