/*
Theme Name: Nicolett Theme
Theme URI: https://www.cdevice.com
Description: A Child Theme for Total Theme
Author: chris marschall
Author URI: https://www.cdevice.com
Template: Total
Version: 1.0
*/






/* 2.2. cdevice - Simple Grid
---------------------------------------- */

/*  SECTIONS  */
.cd-section {clear: both;padding: 0px;margin: 0px;}
/*  COLUMN SETUP  */
.cd-col {display: block;float:left;margin: 0 0 0 1.6%;}
.cd-col:first-child { margin-left: 0; }

/*  GROUPING  */
.cd-group:before,.cd-group:after { content:""; display:table; }
.cd-group:after { clear:both;}
.cd-group { zoom:1; /* For IE 6/7 */ }

/*  GRID */
.cd-col-full {width: 100%;}

.cd-col1of2 {width: 49.2%;}

.cd-col2of3 {width: 66.13%;}
.cd-col1of3 {width: 32.26%;}

.cd-col3of4 {width: 74.6%;}
.cd-col2of4 {width: 49.2%;}
.cd-col1of4 {width: 23.8%;}

.cd-col4of5 {width: 79.68%;}
.cd-col3of5 {width: 59.36%;}
.cd-col2of5 {width: 39.04%;}
.cd-col1of5 {width: 18.72%;}

.cd-col5of6 {width: 83.06%;}
.cd-col4of6 {width: 66.13%;}
.cd-col3of6 {width: 49.2%;}
.cd-col2of6 {width: 32.26%;}
.cd-col1of6 {width: 15.33%;}

/*  GO FULL WIDTH BELOW 620 PIXELS - regular 480 */
@media only screen and (max-width: 620px) {
	.cd-col {  margin: 1% 0 1% 0%; }
	.cd-col-full, .cd-col1of2,  
	.cd-col2of3, .cd-col1of3, .cd-col1of4, .cd-col2of4, .cd-col3of4,
	.cd-col1of5, .cd-col2of5, .cd-col3of5, .cd-col4of5,
	.cd-col1of6, .cd-col2of6, .cd-col3of6, .cd-col4of6, .cd-col5of6 { width: 100%; }
}

/* 2.3. cdevice - Custom Styling Classes
---------------------------------------- */

.p-a-0  {padding: 0px;} .p-a-5  {padding: 5px;}
.p-a-10 {padding: 10px;} .p-a-15 {padding: 15px;}
.p-a-20 {padding: 20px;} .p-a-25 {padding: 25px;}
.p-a-30 {padding: 30px;} .p-a-35 {padding: 35px;}
.p-a-40 {padding: 40px;} .p-a-45 {padding: 45px;}
.p-a-50 {padding: 50px;} .p-a-55 {padding: 55px;}
.p-a-60 {padding: 60px;}

.p-t-0  {padding-top: 0px;} .p-t-5  {padding-top: 5px;}
.p-t-10 {padding-top: 10px;} .p-t-15 {padding-top: 15px;}
.p-t-20 {padding-top: 20px;} .p-t-25 {padding-top: 25px;} 
.p-t-30 {padding-top: 30px;} .p-t-35 {padding-top: 35px;}
.p-t-40 {padding-top: 40px;} .p-t-45 {padding-top: 45px;}
.p-t-50 {padding-top: 50px;} .p-t-55 {padding-top: 55px;}
.p-t-60 {padding-top: 60px;}

.p-r-0  {padding-right: 0px;} .p-r-5  {padding-right: 5px;}
.p-r-10 {padding-right: 10px;} .p-r-15 {padding-right: 15px;} 
.p-r-20 {padding-right: 20px;} .p-r-25 {padding-right: 25px;}
.p-r-30 {padding-right: 30px;} .p-r-35 {padding-right: 35px;}
.p-r-40 {padding-right: 40px;} .p-r-45 {padding-right: 45px;}
.p-r-50 {padding-right: 50px;} .p-r-55 {padding-right: 55px;}
.p-r-60 {padding-right: 60px;}

.p-b-0  {padding-bottom: 0px;} .p-b-5  {padding-bottom: 5px;}
.p-b-10 {padding-bottom: 10px;} .p-b-15 {padding-bottom: 15px;}
.p-b-20 {padding-bottom: 20px;} .p-b-25 {padding-bottom: 25px;}
.p-b-30 {padding-bottom: 30px;} .p-b-35 {padding-bottom: 35px;}
.p-b-40 {padding-bottom: 40px;} .p-b-45 {padding-bottom: 45px;}
.p-b-50 {padding-bottom: 50px;} .p-b-55 {padding-bottom: 55px;}
.p-b-60 {padding-bottom: 60px;}

.p-l-0  {padding-left: 0px;} .p-l-5  {padding-left: 5px;}
.p-l-10 {padding-left: 10px;} .p-l-15 {padding-left: 15px;}
.p-l-20 {padding-left: 20px;} .p-l-25 {padding-left: 25px;}
.p-l-30 {padding-left: 30px;} .p-l-35 {padding-left: 35px;}
.p-l-40 {padding-left: 40px;} .p-l-45 {padding-left: 45px;}
.p-l-50 {padding-left: 50px;} .p-l-55 {padding-left: 55px;}
.p-l-60 {padding-left: 60px;}

.m-a-0  {margin: 0px;} .m-a-5  {margin: 5px;}
.m-a-10 {margin: 10px;} .m-a-15 {margin: 15px;}
.m-a-20 {margin: 20px;} .m-a-25 {margin: 25px;}
.m-a-30 {margin: 30px;} .m-a-35 {margin: 35px;}
.m-a-40 {margin: 40px;} .m-a-45 {margin: 45px;}
.m-a-50 {margin: 50px;} .m-a-55 {margin: 55px;}
.m-a-60 {margin: 60px;}

.m-t-0  {margin-top: 0px;} .m-t-5  {margin-top: 5px;}
.m-t-10 {margin-top: 10px;} .m-t-15 {margin-top: 15px;}
.m-t-20 {margin-top: 20px;} .m-t-25 {margin-top: 25px;}
.m-t-30 {margin-top: 30px;} .m-t-35 {margin-top: 35px;}
.m-t-40 {margin-top: 40px;} .m-t-45 {margin-top: 45px;}
.m-t-50 {margin-top: 50px;} .m-t-55 {margin-top: 55px;}
.m-t-60 {margin-top: 60px;}

.m-r-0  {margin-right: 0px;} .m-r-5  {margin-right: 5px;}
.m-r-10 {margin-right: 10px;} .m-r-15 {margin-right: 15px;}
.m-r-20 {margin-right: 20px;} .m-r-25 {margin-right: 25px;}
.m-r-30 {margin-right: 30px;} .m-r-35 {margin-right: 35px;}
.m-r-40 {margin-right: 40px;} .m-r-45 {margin-right: 45px;}
.m-r-50 {margin-right: 50px;} .m-r-55 {margin-right: 55px;}
.m-r-60 {margin-right: 60px;}

.m-b-0  {margin-bottom: 0px;} .m-b-5  {margin-bottom: 5px;}
.m-b-10 {margin-bottom: 10px;} .m-b-15 {margin-bottom: 15px;}
.m-b-20 {margin-bottom: 20px;} .m-b-25 {margin-bottom: 25px;}
.m-b-30 {margin-bottom: 30px;} .m-b-35 {margin-bottom: 35px;}
.m-b-40 {margin-bottom: 40px;} .m-b-45 {margin-bottom: 45px;}
.m-b-50 {margin-bottom: 50px;} .m-b-55 {margin-bottom: 55px;}
.m-b-60 {margin-bottom: 60px;}

.m-l-0  {margin-left: 0px;} .m-l-5  {margin-left: 5px;}
.m-l-10 {margin-left: 10px;} .m-l-15 {margin-left: 15px;}
.m-l-20 {margin-left: 20px;} .m-l-25 {margin-left: 25px;}
.m-l-30 {margin-left: 30px;} .m-l-35 {margin-left: 35px;}
.m-l-40 {margin-left: 40px;} .m-l-45 {margin-left: 45px;}
.m-l-50 {margin-left: 50px;} .m-l-55 {margin-left: 55px;}
.m-l-60 {margin-left: 60px;}



.overlaybox {width:50%!important;}


#site-header.overlay-header #site-header-inner {
    padding-top: 50px;
    padding-bottom: 50px;
}



#site-header.header-one.wpex-full-width, #site-header.header-five.wpex-full-width {
    padding-left: 50px !important;
    padding-right: 50px !important;
}


#site-header-sticky-wrapper.is-sticky #site-header {
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}






/* 2.3 Navigation - Full Screen Menu
---------------------------------------- */


.full-screen-overlay-nav.white {
    background: #fff;
    background: rgba(0, 0, 0, 0.95);
    color: #e4e0e0;
    text-transform: uppercase;
    font-family: Montserrat;
    font-weight: 800;
    font-size: 4em;
}

.full-screen-overlay-nav-menu li a {
    margin-bottom: 0px;
}


.full-screen-overlay-nav button.full-screen-overlay-nav-close {
    background: #f3d3d7;
    opacity: 0.8;
	color:black;
}

.smallone {
    font-size: 0.5em;
    line-height: 1.8em;
}

/* Pricelist
---------------------------------------- */

.nhs-pricelist th,
.nhs-pricelist td {
    padding: 5px 0px;
    border: 0px;
}

.nhs-pricelist h3, 
.nhs-pricelist h4 {
	margin:0;
}
	
/* 2.3. Formulare
------------------------------------------------- */


.hus-contactform {
	background: #fff;
	padding:50px;
}
 
.site-content input[type="text"], .site-content input[type="password"],
.site-content input[type="email"], .site-content input[type="tel"],
.site-content input[type="url"], .site-content input[type="search"],
.site-content input[type="date"], .site-content textarea,
.site-content input[type="file"] {
    width: 100%;
    padding: 8px;
	border-radius:0;
    font-size: 14px;
    background-color: transparent;
    border:0;
	border-bottom: 2px solid #000;
    color: #191e34;
}

.site-content input[type="text"]:focus, .site-content input[type="password"]:focus,
.site-content input[type="email"]:focus, .site-content input[type="tel"]:focus,
.site-content input[type="url"]:focus, .site-content input[type="search"]:focus,
.site-content input[type="date"]:focus, .site-content textarea:focus,
.site-content input[type="file"]:focus {
    border-color: rgba(195, 195, 195, 0.2);
	background: #dcdcdc;
}

.site-content select {
    width: 100%;
    color: inherit;
    background-color: #fff;
    border: 1px solid #aaa;
    outline: 0;
    padding: 8px 5px;
    margin: 3px 0px;
    border-radius: 3px;
}

.site-content select.disabledfield {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    background: transparent;
    border: 1px solid rgba(136, 136, 136, 0.20);
    color: rgba(0, 0, 0, 0.25);
    font-weight: bold;
}

.site-content select.disabledfield::-ms-expand {
    display: none;
}

.site-content input[type="submit"] {
    float: right;
    margin-top: 10px;
    padding: 10px 30px;
    font-weight: bold;
    background: #ffffff;
    border: 1px solid black;
    color: black;
    text-transform: uppercase;
    border-radius: 0px;
}


.site-content input[type="submit"]:hover {
    background: #000;
    border: 1px solid #000;
    color: #fff;
    text-transform: uppercase;
    border-radius: 0px;
}



.wpcf7-form .fieldset-cf7mls {
    padding: 0px;
}


div.wpcf7-response-output {
    margin: 4em 0 0 0;
}




/* ----------- LABELAUTY jQuery Plugin Styles ----------- */

/*!
 *
 * @file: jquery-labelauty.css
 */

.hidden_element {
    position: absolute !important;
    top: -1000 !important;
}

/* Prevent text and blocks selection */
input.labelauty + label ::selection { background-color: rgba(255, 255, 255, 0); }
input.labelauty + label ::-moz-selection { background-color: rgba(255, 255, 255, 0); }

/* Hide original checkboxes. They are ugly! */
input.labelauty { display: none !important; }

/*
 * Let's style the input
 * Feel free to work with it as you wish!
 */
input.labelauty + label {
    display: inline-block; /* table */
    font-size: 7px;
    margin-right: 10px;
    padding: 5px;
    background-color: #efefef;
    color: #b3b3b3;
    cursor: pointer;

    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;


    transition: background-color 0.25s;
    -moz-transition: background-color 0.25s;
    -webkit-transition: background-color 0.25s;
    -o-transition: background-color 0.25s;

    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

/* Stylish text inside label */

input.labelauty + label > span.labelauty-unchecked,
input.labelauty + label > span.labelauty-checked {
    display: none; /* inline-block */
    line-height: 16px;
    vertical-align: bottom;
}

/* Stylish icons inside label */

input.labelauty + label > span.labelauty-unchecked-image,
input.labelauty + label > span.labelauty-checked-image {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: bottom;
    background-repeat: no-repeat;
    background-position: left center;

    transition: background-image 0.5s linear;
    -moz-transition: background-image 0.5s linear;
    -webkit-transition: background-image 0.5s linear;
    -o-transition: background-image 0.5s linear;
}

/* When there's a label, add a little margin to the left */
input.labelauty + label > span.labelauty-unchecked-image + span.labelauty-unchecked,
input.labelauty + label > span.labelauty-checked-image + span.labelauty-checked {
    margin-left: 7px;
}

/* When not Checked */
input.labelauty:not(:checked):not([disabled]) + label:hover {
    background-color: #eaeaea;
    color: #a7a7a7;
}
input.labelauty:not(:checked) + label > span.labelauty-checked-image {display: none;}
input.labelauty:not(:checked) + label > span.labelauty-checked {display: none;}

/* When Checked */
input.labelauty:checked + label {
    background-color: #3a3a3a;
    color: #ffffff;
}

input.labelauty:checked:not([disabled]) + label:hover {
    background-color: #ce1418;
}
input.labelauty:checked + label > span.labelauty-unchecked-image {display: none;}
input.labelauty:checked + label > span.labelauty-unchecked {display: none;}
input.labelauty:checked + label > span.labelauty-checked {display: none;}

input.labelauty.no-label:checked + label > span.labelauty-checked { display: block;}

/* When Disabled */
input.labelauty[disabled] + label { opacity: 0.5;}

/* Add a background to (un)checked images */
input.labelauty + label > span.labelauty-unchecked-image {background-image: url( images/input-unchecked.png );}
input.labelauty + label > span.labelauty-checked-image { background-image: url( images/input-checked.png );}


.fieldset-cf7mls-wrapper {
    overflow: visible;
}