/*
Theme Name: T&C Wedding Phototheme
Theme URI: http://totalwptheme.com
Description: Total WordPress theme example child theme.
Author: Chris Marschall
Author URI: http://totalwptheme.com
Template: Total
Version: 1.1
*/

/* Parent stylesheet should be loaded from functions.php not using @import */


/* red 	#ca0622 */

/* 1.   cdevice - Main Settings
------------------------------------------------------------- */

body.home .not-sticky #site-header.header-one::after {background:none;}

table th, table td {
    padding: 0;
    border: 0;
}
.responsiveimg {
    max-width: 100%;
    height: auto;
}
.hide {
	opacity: 0;
}

.ahc-shadow {
	background-color: #fff;
    -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
}

.txt-red {color:#c00d0d}
.maxwidth1400 {max-width:1400px; margin:0 auto;}

/* 1.1. cdevice - Typographie
---------------------------------------- */

@font-face {
    font-family: 'Cervanttis';
    src: url('fonts/CervanttisRegular.eot');
    src: url('fonts/CervanttisRegular.eot?#iefix') format('embedded-opentype'),
        url('fonts/CervanttisRegular.woff2') format('woff2'),
        url('fonts/CervanttisRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


body {font-size:1.4em;}
#content p {font-size: 1.15em;}

h1, h2, h3, h4, h5 {
	color: #888;
	line-height: 1em;
}

h1 {font-size: 3.6em;}
h2 {font-size: 3.3em; letter-spacing: -0.5px;}
h3 {font-size: 2.8em; line-height: 1.3em;}
h4 {font-size: 2.2em; line-height: 1.3em;}
h5 {font-size: 1.8em; line-height: 1.2em;}
h6 {font-size: 1.4em; color: #697383}


h3.special {
    font-family: 'Cervanttis';
    font-weight: 500;
    color: #c8a86e;
    margin-bottom: -18px;
    font-size: 3.2em;
    transform: rotate(357deg) scale(1) skew(1deg) translate(0px);
    -webkit-transform: rotate(357deg) scale(1) skew(1deg) translate(0px);
    -moz-transform: rotate(357deg) scale(1) skew(1deg) translate(0px);
    -o-transform: rotate(357deg) scale(1) skew(1deg) translate(0px);
    -ms-transform: rotate(357deg) scale(1) skew(1deg) translate(0px);
}

/* 1.3. 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%; }
}

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


.redtxt {color: #ca0622;}
.maxwidth1400 {max-width: 1400px;}


.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;}




/* NEW NEW NEW NEW NEW NEW 
------------------------------------------------- */


/* Login Page & Form Windows
------------------------------------------------- */


#login-logo {
	max-width: 150px;
	margin: 50px auto 0 auto;
}

#theme-my-login {
    margin: 50px auto 0 auto;
    background: white;
    padding: 30px;
    border-radius: 15px;
	max-width: 360px
}


.tml p {
    margin: 15px 0 0 0;
    font-size: 1.1em !important;
}

#theme-my-login .tml-rememberme-wrap {
	float: left;
	padding-top: 7px;
}

#theme-my-login .tml-submit-wrap {
    float: right;
}

#theme-my-login .tml-action-links {
	float: left;
    margin-top: -15px;
}

.tml {
    max-width: 100%;
}

.tml .message {
    border: 1px solid #e5abc4;
    background-color: #e5abc44a;
	margin: 0 auto 20px auto;
}

.tml input[type="checkbox"], .tml input[type="radio"], .tml .tml-rememberme-wrap input {
   vertical-align: none;
	
}

#profile-container .tml-profile {
	width: 100%!important;
	max-width: 100%!important;
	margin: auto!important;
	margin-top: 0px!important;
}

.tml-profile h3 {
	font-size: 2em;
    line-height: 1.3em;
    color: #346060;
}
.tml-profile input {
	padding-bottom: 20px;
}


.cdlogout {
	border: 1px solid #e476a4;
    padding: 4px 10px;
    border-radius: 20px;
    color: #e476a4;
}


.btn-sendpicture {
    background: #346060;
    padding: 4px 10px;
    border-radius: 20px;
    color: white;
}

#sendpicture a {
  color: white!important;
}

.navbar-style-three {
    background: #fff;
    border-top: 0px;
}


.navbar-style-three .dropdown-menu>li.menu-item>a {
    font-size: 1.3em;
}

.wpex-accent-color, a.wpex-accent-color, #site-navigation .dropdown-menu>li.menu-item>a:hover, #site-navigation .dropdown-menu>li.menu-item.current-menu-item>a, #site-navigation .dropdown-menu>li.menu-item.current-menu-parent>a, h1 a:hover, h2 a:hover, a:hover h2, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .entry-title a:hover {
    color: #6f7172;
}


#top-bar-content span.wpex-inline-last {
    display: inline-block;
    margin-right: 0px;
}




/* 2.3. Page Header
------------------------------------------------- */


.page-header {
    padding: 30px 0;
    background:transparent;
    border: 0;
}

.page-header-title {
    font-size: 2.5em;
    line-height: 1.4em;
    font-weight: 400;
    color: #fff;
}

.page-header-title {
    TEXT-ALIGN: center;
    font-family: 'Cervanttis';
    font-weight: 500;
    color: #346060;
    margin-bottom: -18px;
    font-size: 50px;
    transform: rotate(357deg) scale(1) skew(1deg) translate(0px);
    -webkit-transform: rotate(357deg) scale(1) skew(1deg) translate(0px);
    -moz-transform: rotate(357deg) scale(1) skew(1deg) translate(0px);
    -o-transform: rotate(357deg) scale(1) skew(1deg) translate(0px);
    -ms-transform: rotate(357deg) scale(1) skew(1deg) translate(0px);
    margin-top: 50px;
}


body.page-header-disabled .navbar-style-three {
    border-bottom: 0;
}

/* 2.3. Header Settings
------------------------------------------------- */

#site-header {
    background: #fff;
}

#site-header-inner {
    padding-top: 40px;
    padding-bottom: 40px;
}

#site-header-sticky-wrapper.is-sticky #site-header {
    background-color: rgba(0, 0, 0, 0.95);
}




/* 2.3. Menu 
---------------------------------- */

#site-header #site-navigation .dropdown-menu>li>a:after {
    content: '';
    display: inline-block;
    background: #e5abc4;
    width: 0.0625rem;
    width: .0625rem;
    height: 20px;
    height: 1.5rem;
    -webkit-transform: skew(-30deg);
    transform: skew(-30deg);
    margin-left: 0;
    bottom: 0;
    position: absolute!important;
    top: 45%;
    margin-top: -.4rem;
    right: -1px;
}

#site-header #site-navigation .dropdown-menu>li.last>a:after {
    height: 0px;
}

#site-header #site-navigation .dropdown-menu>li:last-child>a:after {
    height: 0px;
}



.navbar-style-one .dropdown-menu>li.menu-item>a {
    color: #fff;
    font-size: 1.3em;
    font-weight: 600;
    text-transform: uppercase;
}



/* 2.3. Mobile Menu
------------------------------------------------- */


#sidr-main {
    background: #ffffff;
    color: #525252;
}

.sidr a:hover {
    color: #346060;
}

.sidr-class-wpex-close {
	background:#346060;
	color: #fff;
}
.sidr-class-dropdown-menu li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin: 0px 20px;
}


/* 2.3. Page Elements
------------------------------------------------- */

#site-scroll-top {
    right: 30px;
    bottom: 30px;
}





.uc_zoom_in_banner *{
	margin:0;
	padding:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.uc_zoom_in_banner .uc_container_holder {
    position: relative;
    text-align: center;
    font-weight: 400;
    overflow: hidden;
    max-height: 320px;
    border: 10px solid rgba(52, 96, 96, 0.3);
}

.uc_container_holder > img{ width:100%;}

.uc_zoom_in_banner .uc_container_holder img{
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	}

.uc_zoom_in_banner .uc_container_holder:hover img{
	position:relative;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.uc_zoom_in_banner .uc_container_holder .uc_banner-content {
	max-width:400px;
	position:absolute;
	text-align:left;
	left:10%;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	z-index:101;
	color:#346060;
	font-size:16px;
	
}
.uc_zoom_in_banner .uc_container_holder .uc_banner-content span.bbb{
	font-size:12px;
	text-transform: uppercase;
	color:#346060;
	letter-spacing: 0.05em;
	opacity: 0.8;
}
.uc_zoom_in_banner .uc_container_holder .uc_banner-content h3 {
	font-family: 'Cervanttis';
	font-weight: 100;
    color: #346060;
    font-size: 20px;
    padding: 0;
    margin: -30px 0 -20px 0;
    line-height: normal;
    font-size: 72px;
	transform: rotate(357deg) scale(1) skew(1deg) translate(0px);
    -webkit-transform: rotate(357deg) scale(1) skew(1deg) translate(0px);
    -moz-transform: rotate(357deg) scale(1) skew(1deg) translate(0px);
    -o-transform: rotate(357deg) scale(1) skew(1deg) translate(0px);
    -ms-transform: rotate(357deg) scale(1) skew(1deg) translate(0px);
}

.uc_zoom_in_banner .uc_container_holder .uc_banner-content p{
	padding:0;
	margin:0 0 10px;
	line-height:34px;
}
.uc_zoom_in_banner .uc_container_holder .uc_banner-content a{
	display: inline-block;
	color:#346060;
	font-size:12px;
	padding:5px 17px;
	
	border-radius: 99px;
	text-decoration:none;
	text-transform: uppercase;
	border:2px solid #346060;
}






/* 2.3. Footer
------------------------------------------------- */

.site-footer, #footer-bottom {
    background: #346060;
    color: #ffffff;
}

.site-footer-inner {
    padding-top: 90px;
}


.site-footer p {
    color: #c3c3c3;
}

#footer-bottom-inner {
    border-top: 1px solid rgba(200, 9, 35, 0.3);
}

	
.footer-logout-widget {
	background:transparent;
	text-align:right;
	float:right;
	height: 100%;
	margin: 12px 0 0 0;
}




/* 2.3. Formulare
------------------------------------------------- */

 
.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: 3px;
    font-size: 14px;
    background-color: rgba(249, 249, 249, 0.80);
    border-color: #e4e4e4;
    border-width: 1px;
    border-style: solid;
    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: #ce1417;
}

.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 20px;
    font-weight: bold;
    background: #346060;
}

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


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

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    min-width: 420px;
}
.chosen-container-multi .chosen-choices {margin-top:30px;}




/* ----------- 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;
}