/* Child theme styles */
/********************************************
    Custom Web Font
********************************************/
/* Main Menu */
/*@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400&subset=latin-ext');*/

/********************************************
    General
********************************************/
body {
	/* Overrun default bg image from the theme: //theme.co/media/bg-integrity-1.png */
	background: none !important;
}


body h1, body .h1 {
	font-size: 400%;
	font-weight: 300;
	line-height: 1.1;
}

body h2, body .h2 {
	font-size: 300%;
	font-weight: 300;
	line-height: 1.4;
}

body h3, body .h3 {
	font-size: 200%;
	text-transform: uppercase;
	color: #ec008c;
}

body h4, body .h4 {
	font-size: 18px;
}

body p { font-size: 140%; }

body ul {
	font-size: 140%;
	margin-left: 20px;
}

table caption {
	text-align: left;
	font-size: 140%;
}

.text-center { text-align: center; }
.emphasis { color: #ec008c; }


.negative { color: #fff; }

.negative a,
.negative h1 a,
.negative h2 a,
.negative h3 a,
.negative h4 a,
.negative h5 a,
.negative h6 a {
	color: #000;
}


.negative h1 a:hover,
.negative h2 a:hover,
.negative h3 a:hover,
.negative h4 a:hover,
.negative h5 a:hover,
.negative h6 a:hover {
	color: #fff;
}

/********************************************
	Header
********************************************/
header .x-navbar {
	background-color: rgba(255, 255, 255, 0.9) !important;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
	border-top: 0px solid rgba(47, 46, 46, 1);
	border-bottom: 0px solid rgba(47, 46, 46, 1);
}

header .x-navbar-inner {
	background: none;
	padding: 0 40px;
}

header .x-navbar-inner .x-container {
	width: inherit;
}




/*-------------------------------------------
	Main Menu
-------------------------------------------*/
.x-btn-navbar, .x-btn-navbar.collapsed {
	border: 0;
	box-shadow: none;
}

.x-btn-navbar:hover { color: #c20074 !important; }

.x-navbar .desktop .x-nav > li > a:hover,
.x-navbar .desktop .x-nav > .x-active > a,
.x-navbar .desktop .x-nav > .current-menu-item > a,
.x-navbar .desktop .sub-menu li > a:hover,
.x-navbar .desktop .sub-menu li.x-active > a,
.x-navbar .desktop .sub-menu li.current-menu-item > a,
.x-navbar .desktop .x-nav .x-megamenu > .sub-menu > li > a,
.x-navbar .mobile .x-nav li > a:hover,
.x-navbar .mobile .x-nav li.x-active > a,
.x-navbar .mobile .x-nav li.current-menu-item > a {
	color: #ec008c !important;

}

.x-navbar .desktop .x-nav > li > a:hover > span,
.x-navbar .desktop .x-nav > li.x-active > a > span,
.x-navbar .desktop .x-nav > li.current-menu-item > a > span {
	/*box-shadow: 0 2px 0 0 #ec008c !important;*/
	box-shadow: none !important;
}



/*-------------------------------------------
	Superfly - Upgrade FIX
-------------------------------------------*/
@media only screen and (max-width: 800px) {
	#sfm-sidebar .sfm-scroll {
		padding-right: 0 !important;
		padding-left: -1px !important;
	}

	#sfm-sidebar .sfm-nav {
		/*outline: red solid 1px;*/
		position: absolute;
		display: table;
		height: 100%;
		min-height: 50vh !important;
		margin-top: 0;
	}

	#sfm-sidebar .sfm-va-middle {
		display: table-cell;
		height: 100%;
		margin-top: 0;
	}
}





/********************************************
	Footer
********************************************/
footer { font-size: 80%; }
.x-colophon.top { padding: 40px; background-color: #fafafa; }
.x-colophon.top .x-container.max { width: 100%; }
footer h4.h-widget { font-weight: 400; }

footer .menu { border: 0; }
footer .menu li,
.x-colophon .widget ul li {
	border: 0;
	background: none;
	/*font-size: 140%;*/
	font-size: 100%;
	line-height: 1.8;
}

footer .menu>li a { margin: 0; }



footer .widget_nav_menu .menu-mainmenu-container .current-menu-item>a:after,
footer .widget_nav_menu .menu-mainmenu-si-container .current-menu-item>a:after {
	content: none;
}

footer .widget_nav_menu .x-framework-icon {
	display: none !important;
}



footer .small { font-size: 80%; }



/********************************************
	BODY
********************************************/
.cs-content { margin: 0 40px 40px 40px; }
/*.x-section { margin: 0 40px 40px 40px !important; }*/





/*====================================================
  MISC
====================================================*/
/********************************************
    X-MAIN FULL
********************************************/
.x-main.full .x-container.max {
	width: 100%;
}



/********************************************
    Demo-Card
********************************************/
.demo-card {
	min-height: 70vh;
	margin-bottom: 40px !important;
	padding: 100px 0;
}

.x-main.full .demo-card .x-container.max { width: 88%; }
.x-main.full .demo-card.project .x-container.max { width: 100%; }


.demo-card.vertical-center,
.demo-card.vertical-bottom
{
	display: table;
	width: 100%;
	height: 70vh;
}

.demo-card.vertical-center > .x-container {
	display: table-cell;
	vertical-align: middle;
}

.demo-card.vertical-bottom > .x-container {
	display: table-cell;
	vertical-align: bottom;
}



.demo-card h1, .demo-card .h1 {  }
.demo-card h2, .demo-card .h2 {
	margin-top: 15px;

	font-size: 300%;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1.4;
}
.demo-card h2.thin, .demo-card .h2.thin { text-transform: none; font-weight: 300; }
.demo-card h3, .demo-card .h3 {
	margin-bottom: 0;
	font-size: 1.2em;
	font-weight: 700;

	/*font-size: 200%;*/
	text-transform: uppercase;
	color: #ec008c;
}
.demo-card h4, .demo-card .h4 { }



.demo-card p {
	font-size: 140%;
}



/*-------------------------------------------
    Demo card - Project
-------------------------------------------*/
.demo-card.project {
	padding: 0;
	min-height: 70vh;
}

.demo-card.project {
	display: table;
	width: 100%;
	height: 70vh;
}

.demo-card.project > .x-container {
	display: table-cell;
	vertical-align: bottom;
}



.demo-card.project .x-container.max {
	margin: 0;
	padding: 40px !important;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: -webkit-linear-gradient(bottom, rgba(50,50,50,0.5), rgba(50,50,50,0.1));
	background: linear-gradient(to top, rgba(50,50,50,0.5), rgba(50,50,50,0.1));
	min-width: 100%;
	max-width: 100%;
}

.demo-card.project.no-gradient .x-container.max {
	background: none;
}



.demo-card.project .x-container .x-column,
.demo-card.project .x-container .x-col {
	max-width: 420px;

	text-align: left !important;
	color: #fff;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}


.demo-card.project h1, .demo-card.project .h1 { }

.demo-card.project h2, .demo-card.project .h2 {	margin: 0 0 7px 0; }

.demo-card.project h3, .demo-card.project .h3 { margin: 0 0 10px 0; font-size: 200%; font-weight: 300; text-transform: unset; }

.demo-card.project h4, .demo-card.project .h4 { margin: 0; }

.demo-card.project p { font-size: 120%; line-height: 1.4; margin-bottom: 0; }

.demo-card.project .x-btn {
	margin-top: 25px;
	margin-right: 15px;
	margin-bottom: 0;

	background-color: #fff;
	border: 0;

	color: #000;
	text-shadow: none;
}

.demo-card.project .x-btn:hover, .demo-card.project .x-btn .button:hover, .demo-card.project .x-btn [type="submit"]:hover {
	color: #ffffff;
	border-color: #c90077;
	background-color: #ff0099;
	text-shadow: 0 0.075em 0.075em rgba(0,0,0,0.5);
}


/********************************************
    Min heights
********************************************/
.min-height-10-vh { min-height: 10vh; }
.min-height-20-vh { min-height: 20vh; }
.min-height-30-vh { min-height: 30vh; }
.min-height-40-vh { min-height: 40vh; }
.min-height-50-vh { min-height: 50vh; }
.min-height-60-vh { min-height: 60vh; }
.min-height-70-vh { min-height: 70vh; }
.min-height-80-vh { min-height: 80vh; }
.min-height-90-vh { min-height: 90vh; }
.min-height-100-vh { min-height: 100vh; }
.min-height-no { min-height: auto; }





/*-------------------------------------------
	FORM ELEMENTS
-------------------------------------------*/
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input
{
	font-size: 23px;
	font-weight: 100;
	height: 2em;
	max-width: 100%;

	border: 1px solid #ddd;
}


.x-btn,
.button,
[type="submit"] {
	font-size: 19px;
	border-radius: 0 !important;
	border: 0;
	margin-bottom: 9px;
	padding: 0.5em 1.105em 0.6em !important;
}



/********************************************
    C2A
********************************************/
.c2a {
	padding: 40px 0;
}
.c2a.color {
	background-color: #ec008c !important;
}


.c2a h2 {
	color: #fff;
	margin-top: 15px;
	font-size: 300%;
	font-weight: 300;
	text-transform: none;
}
.c2a h3 {
	color: #fff;
}


.c2a .arrow-icon {
	width: 32px;
	height: auto;

	margin-top: 20px;
}


.c2a.newsletter { margin: 100px 0 121px 0; }



/*====================================================
  Customization of cookiecuttr.com
====================================================*/
.cc-cookies {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.85);
	font-weight: normal;
	line-height: 150%;
	width: 100%;
}

.cc-cookies .description {
	margin-bottom: 10px;
}

.cc-cookies .OK {
	color: #7DAF3B !important;
}

.cc-cookies a {
	font-weight: bold;
	color: #fff !important;
}

.cc-cookies a:hover {
	border-bottom: none;
	font-weight: bold;
}

.cc-cookies a.cc-cookie-accept:hover,
.cc-cookies-error a.cc-cookie-accept:hover {
	/*background-color: #d52323;*/
	background: #8bdf1d !important;
}

.cc-cookies a.cc-cookie-decline {
	color: #af3b3b !important;
	background: none;
}

.cc-cookies a.cc-cookie-decline:hover {
	/*color: #af3b3b;*/
	color: #fff !important;
	background: #af3b3b !important;
}

/*
.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset {
	padding: 0.5em 0.75em;
}
*/

.tabCookies td {
	padding: 0 5px 10px 0;
}




/*====================================================
  RESPONSIVE
====================================================*/
@media (max-width: 979px) {
	.x-navbar-fixed-top, .x-navbar-fixed-left, .x-navbar-fixed-right {
		position: fixed;
	}
}

@media (max-width: 750px){
	body h2, body .h2 { font-size: 200%; }
	body h3, body .h3 { font-size: 120%; }
	.preview-container p { font-size: 100%; }
}




@media (max-width: 510px){
	.demo-card h1, .demo-card .h1 {  }
	.demo-card h2, .demo-card .h2 {
		font-size: 200%;
		/*word-break: break-all;*/
	}


	/*-------------------------------------------
		FORM ELEMENTS
	-------------------------------------------*/
	select,
	textarea,
	input[type="text"],
	input[type="password"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="date"],
	input[type="month"],
	input[type="time"],
	input[type="week"],
	input[type="number"],
	input[type="email"],
	input[type="url"],
	input[type="search"],
	input[type="tel"],
	input[type="color"],
	.uneditable-input
	{
		max-width: 60%;
	}

}


@media (max-width: 400px){
	.demo-card h1, .demo-card .h1 {  }
	.demo-card h2, .demo-card .h2 {
		font-size: 160%;
	}

	.demo-card.project h3,
	.demo-card.project .h3 {
		font-size: 140%;
	}

}