/*
Theme Name: Salient Child Theme
Theme URI: http: //mysite.com/
Description: This is a custom child theme for Salient
Author: My Name
Author URI: http: //mysite.com/
Template: salient
Version: 0.1
*/

/*====================================================
	SVGs
====================================================*/

/* HERO
svg{
  stroke-linecap: square;
  opacity:0;
  font-family: 'gotham_blackregular','Montserrat', sans-serif!important;
}

.hero-svg{
	width:50%;
	margin-left: 25%;
}

.hero{
	opacity: 0;
}


.hero.animate{
	opacity: 1;
 	stroke-dasharray:7039.400390625;
  	stroke-dashoffset:-7039.400390625;
  	animation: draw-hero 2s forwards;
  	/*animation-delay: 3s;
}

@keyframes draw-hero{
  from{
    stroke-dashoffset:7039.400390625;
  }
  to{
    stroke-dashoffset:0;
  }
}
*/


/*====================================================
	HOME PAGE
====================================================*/
.big-inspo-titles{
	width:50%;
	margin-left: 25%;
}

.testimonial_slider blockquote p{
   font-weight: 100!important;
   font-family: 'roboto','Montserrat', sans-serif;
   
}

.service-icons{
	width: 100px!important;
}


/*====================================================
	FOOTER
====================================================*/


.donut-footer{
	font-size: 12px !important;
    	background-color: #5c5c5c;
    	text-align: center;
    	color: #dcdcdc;
}

.donut-footer a{   font-size: 12px !important; color: #f5a1c3;   }
.donut-footer a:hover{   color: #f262a0;   }

/*====================================================
	FONTS
====================================================*/

@font-face {
    font-family: 'gotham_blackregular';
    src: url('fonts/gotham-black_copy-webfont.eot');
    src: url('fonts/gotham-black_copy-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gotham-black_copy-webfont.woff2') format('woff2'),
         url('fonts/gotham-black_copy-webfont.woff') format('woff'),
         url('fonts/gotham-black_copy-webfont.ttf') format('truetype'),
         url('fonts/gotham-black_copy-webfont.svg#gotham_blackregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*====================================================
	MEDIA QUERIES
====================================================*/

@media only screen and (max-width: 500px) {
   
   .image-bg {
   	padding-left: 10%;
   	padding-right: 10%;
   /*
    	margin-left: 0%;
    	width: 100%!important;
    	height: 100%!important;
    */

    }
}

.image-bg{

	/*
	margin-left: 25%;
    	width: 50%;
    	*/

}