/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
Version: 3.0.29.1485021130
Updated: 2017-01-21 17:52:10

*/
  /* ANTHEM HEADER STYLE */
.et_pb_text h3 {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 8px;
    line-height: 1.2em;
    text-transform: uppercase;
}


/* ANTHEM KEN BURNS - LINEAR */
@media only screen and (min-width: 767px) {
	.anthemKenBurnsHeaderLinear .et_parallax_bg {
		animation: kenburns-linear 5s forwards;
	}
}
@media only screen and (min-width: 767px) {
	.anthemKenBurnsSectionLinear .et_parallax_bg {
		animation: kenburns-linear 5s forwards;
	}
}
@keyframes kenburns-linear {
	0% {
		opacity: 0.7;
    -ms-transform: scale3d(1.05, 1.05, 1.05) translate3d(-15px, 0px, 0px);
		-webkit-transform: scale3d(1.05, 1.05, 1.05) translate3d(-15px, 0px, 0px);
		transform: scale3d(1.05, 1.05, 1.05) translate3d(-15px, 0px, 0px);
		animation-timing-function: linear;
	}
	1% {
		opacity: 1;
	}
	100% {
    -ms-transform: scale3d(1.50, 1.50, 1.50) translate3d(-25px, -55px, 0px);
		-webkit-transform: scale3d(1.50, 1.50, 1.50) translate3d(-25px, -55px, 0px);
		transform: scale3d(1.50, 1.50, 1.50) translate3d(-25px, -55px, 0px);
	}
}

/* ANTHEM KEN BURNS - EASE IN */
@media only screen and (min-width: 981px) {
	.anthemKenBurnsHeaderEaseIn .et_parallax_bg {
		margin-bottom: -60px;
		min-height: calc(100% + 60px);
		animation: kenburns 5s forwards;
	}
}
@media only screen and (min-width: 981px) {
	.anthemKenBurnsSectionEaseIn .et_parallax_bg {
		margin-bottom: -60px;
		min-height: calc(100% + 60px);
		animation: kenburns 5s forwards;
	}
}
@keyframes kenburns {
	0% {
		opacity: 0.7;
		-ms-transform: scale3d(1.1, 1.1, 1.1) translate3d(-25px, -60px, 0px);
		-webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(-25px, -60px, 0px);
		transform: scale3d(1.1, 1.1, 1.1) translate3d(-25px, -60px, 0px);
		animation-timing-function: ease-in;
	}
	1% {
		opacity: 1;
	}
	100% {
		-ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(-85px, -55px, 0px);
		-webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(-85px, -55px, 0px);
		transform: scale3d(1.5, 1.5, 1.5) translate3d(-85px, -55px, 0px);
	}
}

/* ANTHEM SOCIAL MEDIA FOLLOW */
.anthemSocialMedia .anthemSocialMediaFollow li a.icon::before {
  font-size: 36px;
}
.anthemSocialMedia .anthemSocialMediaFollow li {
  margin-bottom: 8px;
  width: 100%;
  text-align: center;
}
.anthemSocialMedia .anthemSocialMediaFollow li a {
  float: none;
  margin-right: 0;
  text-align: center;
  margin: 0 auto;
}
@media screen and (max-width : 980px) {
  .anthemSocialMedia .et_pb_column {
      margin-bottom: 40px;
  }
}
@media screen and (max-width : 480px) {
  .anthemSocialMedia .et_pb_row .et_pb_column {
      margin-bottom: 45px !important;
  }
  .anthemSocialMedia .et_pb_row .et_pb_column:last-of-type {
      margin-bottom: 0px !important;
  }
}

/* FADE IN */
.fadein-animated.et-animated {
  opacity: 1;
  -webkit-animation: fadeIn 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
  -moz-animation: fadeIn 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
  -o-animation: fadeIn 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
  animation: fadeIn 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
}

/* FROM BOTTOM */
.bottom-animated.et-animated {
  opacity: 1;
  -webkit-animation: fadeBottom 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
  -moz-animation: fadeBottom 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
  -o-animation: fadeBottom 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
  animation: fadeBottom 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
}

/* ANTHEM PARALLAX */
.anthemParallax .et_pb_text h2 {
  font-size: 36px;
}
@media screen and (max-width : 980px) {
  .anthemParallax .et_pb_text h2 {
    font-size: 24px;
  }
}

/* DOWN ARROW ANIMATION */
span.scroll-down.et-pb-icon {
  cursor: pointer;
  height: 60px;
  width: 80px;
  margin: 0px 0 0 -40px;
  line-height: 60px;
  position: absolute;
  left: 50%;
  bottom: 30px;
  color: #FFF;
  text-align: center;
  font-size: 70px;
  z-index: 100;
  text-decoration: none;
  text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
  -webkit-animation: ca3_fade_move_down 2s ease-in-out infinite;
  -moz-animation: ca3_fade_move_down 2s ease-in-out infinite;
  animation: ca3_fade_move_down 2s ease-in-out infinite;
}
@-webkit-keyframes ca3_fade_move_down {
  0% {
    -webkit-transform: translate(0, -20px);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 20px);
    opacity: 0;
  }
}
@-moz-keyframes ca3_fade_move_down {
  0% {
    -moz-transform: translate(0, -20px);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -moz-transform: translate(0, 20px);
    opacity: 0;
  }
}
@keyframes ca3_fade_move_down {
  0% {
    transform: translate(0, -20px);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translate(0, 20px);
    opacity: 0;
  }
}
 
/*-----Ken Burns Header-----*/
.ds-kenburns-header {
    overflow:hidden ;
    position: relative;
    padding: 0;
}
.ds-kenburns-header:before {
    content: "";
    position: absolute;
    left:0; /*Left and Top sets the alignment of the image, you may need to change these if you want the image to move in a different direction*/
    top:0;
    width: calc(100vw + 120px); /*We are adding some extra width and height to the image so when it zooms and pans we don't get any whitespace around it. You may need to change these values if you change the values in the keyframes section of CSS below*/
    height: calc(100vh + 150px);
    z-index: -1;
    background: url(http://nataliesbox.com/wp-content/uploads/2016/11/rsz_lhtqjazuprq-breather.jpg); /*Chnange to the URL of the image you want to use*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    -ms-animation:move 6s ease forwards;
    -webkit-animation:move 6s ease forwards;
    -0-animation:move 6s ease forwards;
    -moz-animation:move 6s ease forwards;
    animation:move 6s ease forwards; /* This sets the duration of the effect and the value 'forwards' tells the effect to stop when its finished rather than loop. */
}
@keyframes move {
    from {
    -ms-transform: scale3d(1); 
    -webkit-transform: scale3d(1); 
    -o-transform: scale3d(1); 
    -moz-transform: scale3d(1); 
    transform: scale3d(1); /*This tells the image to start at its original size*/
  }
    to {
    -ms-transform: scale3d(1.2, 1.2, 1.2) translate3d(-150px, -120px, 0px);
    -webkit-transform: scale3d(1.2, 1.2, 1.2) translate3d(-150px, -120px, 0px);
    -o-transform: scale3d(1.2, 1.2, 1.2) translate3d(-150px, -120px, 0px);
    -moz-transform: scale3d(1.2, 1.2, 1.2) translate3d(-150px, -120px, 0px);
    transform: scale3d(1.2, 1.2, 1.2) translate3d(-150px, -120px, 0px); /*This tells the image to finish at 1.2x it's original size and at a position of -150px on the X axis and -120px on the Y axis. You can adjust these values to get the effect you want*/
  }
}

/*------------------------------------------------*/
  
.demo-subscribe-section {padding: 0px!important;}
.demo-subscribe-section .et_pb_row {padding: 0px!important;}
.demo-subscribe-section .et_pb_newsletter{padding: 0px 0px;}
.demo-subscribe-section .et_pb_newsletter_description {padding: 0 0 0 0; width: 50%; margin: 0;}
.demo-subscribe-section .et_pb_newsletter_description p {padding: 19px 20px 0px 0px;}
  
.demo-subscribe-section .et_pb_newsletter_form {width: 50%; padding-left: 5px; height:60px;}
.demo-subscribe-section .et_pb_newsletter_form p {display: inline-block; margin-right: 10px; padding: 0px; padding-bottom:10px;}
.demo-subscribe-section .et_pb_newsletter_form p input { padding: 5px 4% !important; width: 160px; border-radius: 0px!important;}
  
.demo-subscribe-section span.et_pb_newsletter_button_text {display: none;}
 
 
.demo-subscribe-section .et_pb_newsletter_button {
    padding: 0 0 0 10px;
    text-align: right;
    border: none;
    background: url(https://montereypremier.com/wp-content/uploads/2016/04/149X51-mail3.png) no-repeat left top;
    width: 135px;
    height: 31px;
    cursor: pointer;
    z-index: 1;
    margin-left: 10px;
    margin-bottom: -20px;
    margin-top: 14px;}
 
 
.demo-subscribe-section .et_pb_newsletter_button:hover {background: url(https://montereypremier.com/wp-content/uploads/2016/04/149X51-mail4.png) no-repeat left top;}
 
 
.demo-subscribe-section a.et_pb_newsletter_button:after {display:none;}
.demo-subscribe-section .et_pb_newsletter_form p:nth-child(3) {display: none;}
.demo-subscribe-section .et_pb_newsletter_result { padding-top: 19px;}
.demo-subscribe-section h2.et_pb_subscribed {font-size: 17px; padding-top: 3px;}
 
 
@media only screen and (max-width: 1141px) {
    .demo-subscribe-section .et_pb_row {
            width: 100%!important;
            max-width: 100%!important;}}    
  
@media only screen and (max-width: 1110px) {
    .demo-subscribe-section .et_pb_newsletter_description {width: 35%;}
    .demo-subscribe-section .et_pb_newsletter_description p {padding: 9px 20px 0px 0px;}
    .demo-subscribe-section .et_pb_newsletter_form {width: 65%;}
}
  
@media only screen and (max-width: 980px) {
    .demo-subscribe-section .et_pb_newsletter_description {width: 100%; text-align:center;}
    .demo-subscribe-section .et_pb_newsletter_description p { text-align: center!important; padding: 9px 0px 0px 0px;}
    .demo-subscribe-section .et_pb_newsletter_form {width: 100%; text-align:center;}
}
  
@media only screen and (max-width: 570px) {
        .demo-subscribe-section .et_pb_newsletter_form {height:100px; padding-top:17px;}
        .demo-subscribe-section .et_pb_newsletter_button {margin-left: 0px;}
    .demo-subscribe-section .et_pb_newsletter_form p input {width: 70vw;}
    .demo-subscribe-section {height: 196px;}
}
 
 
@media only screen and (max-width: 550px) {
    .demo-subscribe-section .et_pb_newsletter_form {height:130px;}
}
  
@media only screen and (max-width: 393px) {
    .demo-subscribe-section {height: 225px;}
}
 
/*-------------[End Custom Subscribe]-------------*/

.form-title {
font-family: Oswald;
font-size: 36px;
line-height: 1.2em;
font-weight: bold;
font-transform: uppercase;
}

.face .et-pb-icon:hover {
 color: #f2f2f2 !important;
 background-color: #3b5998 !important;
 -webkit-transition-duration: 350ms; /* Safari */
 -moz-transition-duration: 350ms; /* Safari */
 -ms-transition-duration: 350ms; /* Safari */
 transition-duration: 350ms;
 box-shadow: 
 inset 0 0 0 1px rgba(255,255,255,0.1),
 0 1px 2px rgba(0,0,0,0.1);
}

.twit .et-pb-icon:hover {
 color: #f2f2f2 !important;
 background-color: #1da1f3 !important;
 -webkit-transition-duration: 350ms; /* Safari */
 -moz-transition-duration: 350ms; /* Safari */
 -ms-transition-duration: 350ms; /* Safari */
 transition-duration: 350ms;
 box-shadow: 
 inset 0 0 0 1px rgba(255,255,255,0.1),
 0 1px 2px rgba(0,0,0,0.1);
}

.tube .et-pb-icon:hover {
 color: #f2f2f2 !important;
 background-color: #e62117 !important;
 -webkit-transition-duration: 350ms; /* Safari */
 -moz-transition-duration: 350ms; /* Safari */
 -ms-transition-duration: 350ms; /* Safari */
 transition-duration: 350ms;
 box-shadow: 
 inset 0 0 0 1px rgba(255,255,255,0.1),
 0 1px 2px rgba(0,0,0,0.1);
}

.insta .et-pb-icon:hover {
 color: #f2f2f2 !important;
 background-color: #e89200 !important;
 -webkit-transition-duration: 350ms; /* Safari */
 -moz-transition-duration: 350ms; /* Safari */
 -ms-transition-duration: 350ms; /* Safari */
 transition-duration: 350ms;
 box-shadow: 
 inset 0 0 0 1px rgba(255,255,255,0.1),
 0 1px 2px rgba(0,0,0,0.1);
}

/*------------------------ FOOTNOTE ICONS -----------------*/

.fa .fa-youtube-play:hover {
color: #E62117;
}

.fa fa-play-circle {
color: rgba(255,255,255,0.3) !important;
}

.fa .fa-play-circle:hover {
opacity: 100%;
color: #f2f2f2;
}