/* 
Theme Name:		 WestChild
Theme URI:		 https://dadavox.com
Description:	 WestChild theme
Author:			 dadavox
Author URI:		 http://childthemegenerator.com/
Template:		 west
Version:		 1.0.0
Text Domain:	 West-child
-------------------------------------------------------------- */ 

/* =Theme customization starts here
------------------------------------------------------- */
body {
    font-size: 17px;font-size: 1.1em;
    font-weight: 400;
	letter-spacing: 0;
}
h1, h2, h3, h4, h5, h6, .site-title { font-weight: 200;}
.site-branding a { display:inline-block; }
.site-description { margin: -15px 0 0;    padding: 0 0 0 40px;font-family: 'Lato', sans-serif;}
.main-navigation a,
.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a {     border-color: transparent !important; }
.main-navigation li { padding: 50px 20px 0 20px; }

@media only screen and (max-width: 600px).slicknav_menu {    text-align: center; }

.slicknav_nav {position: absolute;left: unset;right: 0;background-color: transparent;width: auto;text-align: right;margin-top: 15px;}
.slicknav_nav li {display: block;border: 0;background-color: RGB(12, 14, 16);}
.slicknav_nav a {padding: 10px 20px;font-size: 1.4em;}
.header-scrolled a, 
.header-scrolled .site-title a {color: #FFF;}
.header-scrolled .site-title a:hover {color: #DDD;}

.header-image::after {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9b0070+0,210014+42&0.1+0,0.65+42,0.85+81,1+100 */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzliMDA3MCIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDIlIiBzdG9wLWNvbG9yPSIjMjEwMDE0IiBzdG9wLW9wYWNpdHk9IjAuNjUiLz4KICAgIDxzdG9wIG9mZnNldD0iODElIiBzdG9wLWNvbG9yPSIjMjEwMDE0IiBzdG9wLW9wYWNpdHk9IjAuODUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzIxMDAxNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, rgba(155,0,112,0.1) 0%, rgba(33,0,20,0.65) 42%, rgba(33,0,20,0.85) 81%, rgba(33,0,20,1) 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(155,0,112,0.1)), color-stop(42%,rgba(33,0,20,0.65)), color-stop(81%,rgba(33,0,20,0.85)), color-stop(100%,rgba(33,0,20,1))); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top, rgba(155,0,112,0.1) 0%,rgba(33,0,20,0.65) 42%,rgba(33,0,20,0.85) 81%,rgba(33,0,20,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top, rgba(155,0,112,0.1) 0%,rgba(33,0,20,0.65) 42%,rgba(33,0,20,0.85) 81%,rgba(33,0,20,1) 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top, rgba(155,0,112,0.1) 0%,rgba(33,0,20,0.65) 42%,rgba(33,0,20,0.85) 81%,rgba(33,0,20,1) 100%); /* IE10 preview */
background: linear-gradient(to bottom, rgba(155,0,112,0.1) 0%,rgba(33,0,20,0.65) 42%,rgba(33,0,20,0.85) 81%,rgba(33,0,20,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a9b0070', endColorstr='#210014',GradientType=0 ); /* IE6-8 */
}
.header-text {
    font-size: 76px;font-size: 5,42em;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
}
.header-text em {
	display:inline-block;
    font-size: 70%;
    font-weight: 200;
}
.header-button {
    background-color: #E248DC;
    background-color: rgba(144, 18, 139, 0.2);
    border: 1px solid rgba(254, 254, 254, 0.85);
		border-radius: 4px;
   -moz-border-radius: 4px;
-webkit-border-radius: 4px;


    min-width: 15%;
}
.header-button:hover {
    background-color: rgba(255, 255, 255, 0.7);
}

/* --- FORM in MODAL -- */
.button-footer {margin: 0 auto;}
.caldera-front-modal-body {font-size: 120%;letter-spacing: 0.015em;padding-bottom: 18px;}
.caldera-front-modal-body input {height: auto;}

@media only screen and (max-width: 600px) { .slicknav_menu {    text-align: right; }	}	
@media only screen and (max-width: 767px) {
	.header-text {	font-size: 4.07em;	}	
	h1 {	font-size: 1.28em !important;	}
	h2 {	font-size: 1.07em !important;	}
	h3 {	font-size: 0.7em !important;	}	
}