/*
Sitewide CSS

Important colors:
Dark grey: #343B34
Green: #95D600
*/

/*
White alerts (use class "alert-white")
*/

/* Alert background */
.alert-white {
  background: #fafafa;
}

/* Alert text */
.alert-white h3 {
  color: black;
}

/* Alert text (for link) */
.alert-white h3 span {
  color: #8bc30b;
}

/* Logo */
.alert-white h3:before {
  background-image: url('/library/2016/06/logo_dark.png');
}


/*
Dark alerts (use class "alert-dark")
*/

/* Alert background */
.alert-dark {
  background: #373935;
}

/* Alert text */
.alert-dark h3 {
  color: #ffffff;
}

/* Alert text (for link) */
.alert-dark h3 span {
  color: #ffffff;
}

/* Logo */
.alert-dark h3:before {
  background-image: url('/wp-content/uploads/2017/05/logo_green.png');
}




nav.primary .submenu li a {
    font-size: 14px;
  	padding: 0px 5px;
    line-height: 45px;
}


.center p {
  max-width:815px;
}


/* Learn More Headers TEXT */
.headline-title {
  text-align:left;
  font-size:14px;
}

/* Screen Module Update */

.text-block-left: {
  border:1px solid #fff;
  width:60%;
}

.feature-title {
  display: block; min-height: 75px;
}

.feature-block {
  display: block; min-height: 250px;
}

.resources .block {
    margin-bottom: 10px;
}

.normal-list {
	list-style: outside disc;
    margin-bottom: 10px;
    margin-left: 20px;
}


/* Animation Button */
.bttnpad {
	margin-top:20px !important;
}
.button-ani {
    border-radius: 2px;
    color: #95c63d;
    cursor: pointer;
    display: inline-block;
    height: 40px;
    margin: 0 10px;
    position: relative;
}
.button-ani::before {
    border-radius: 2px;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform-style: preserve-3d;
    transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.09s;
    width: 100%;
  	border: 2px solid #95c63d;
}
.button-ani:hover::before {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    transform: scale(1.1);
  	border-color:none;
}
.button-ani a, .button-2 span {
    display: block;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    height: 100%;
    letter-spacing: 1px;
    line-height: 40px;
    padding: 0 40px;
    position: relative;
    text-transform: uppercase;
    width: 100%;
  	border-bottom: medium none;
}
.button-ani a:hover {
	border-color: none;
}

.logos img {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Left Right Block Text Content Block */
.block-left {width:50%;float:left;}
.block-right {width:50%;float:left;min-height:340px;}
.block-right-sm {width:50%;float:left;min-height:250px;}
.text-left {text-align:left !important;}
@media all and (max-width: 768px) { 
     .block-left {width:100%;}
     .block-right {width:100%;min-height:0px;margin-top:30px;margin-bottom:40px;}
     .block-right-sm {width:100%;min-height:0px;margin-top:30px;margin-bottom:40px;}
    }

/* Left Right Block 60-40 */
.block-left-gated {width:60%;float:left;padding-right:30px;}
.block-right-gated {width:40%;float:left;min-height:340px;}
.block-form {width:390px;}
@media all and (max-width: 768px) {
  	.block-left-gated {width:100%;padding-right:0px;}
  	.block-right-gated {width:100%;padding-top:50px;}
    .block-form {margin-left:auto;margin-right:auto;}
	}
@media all and (max-width: 375px) {
  	.block-form {width:352px;}
	}
.block-left-gated li {
    list-style: unset;
    margin-bottom: 10px;
    margin-left: 20px;
    font-weight:300;
}

/* Left Right Block 70-30 */
.block-left-customer {width:70%;float:left;}
.block-right-customer {width:30%;float:left;min-height:340px;}
@media all and (max-width: 768px) {
  	.block-left-customer {width:100%;}
  	.block-right-customer {width:100%;}
	}

/* Left Right Block 30-70 */
.block-left-quote {width:30%;float:left;}
.block-right-quote {width:70%;float:left;}
@media all and (max-width: 768px) {
  	.block-left-quote {width:100%;}
  	.block-right-quote {width:100%;}
	}

/* Left Right Block Text Icon Left Single Line */
#icon-content-block {display: block; margin-top: 40px; min-height: 200px; padding: 30px 0;}
#icon-content-block-med {display: block; margin-top: 40px; min-height: 320px; padding: 30px 0;}
#icon-content-block-tall {display: block; margin-top: 40px; min-height: 280px; padding: 30px 0;}
.icon-block-left {width:40%;float:left;}
.icon-block-right {width:60%;float:left;min-height:200px;}
.icon-block-left-flip {width:60%;float:left;min-height:200px;}
.icon-block-right-flip {width:40%;float:left;}
.left-border-blue {border-left:3px solid #62d2fc;padding-left: 20px;min-height:135px;}

@media all and (max-width: 768px) { 
     .icon-block-left {width:100%;}
     .icon-block-right {width:100%;min-height:0px;margin-top:10px;margin-bottom:40px;}
  	.icon-block-left-flip {width:100%;width:100%;min-height:0px;margin-top:10px;margin-bottom:40px;}
    .icon-block-right-flip {width:100%;}
    }

/* Listed Items */
.block-left ul {margin-left: 20px;}
.block-left li {list-style:unset;margin-bottom:20px;}
.block-right ul {margin-left: 20px;}
.block-right li {list-style:unset;margin-bottom:20px;}
.icon-block-right li {margin-bottom:20px;}

ol li {list-style: unset;}

.gen-list ul {margin-left: 20px;}
.gen-list li {list-style:unset;margin-bottom:20px;}

/* Font Colors */
.blue-headline {color:#1f8bcc;}

/* Blog Table */
.blog-photo-block {width:25%;float:left;}
.blog-copy-block {width:75%;float:left}
@media all and (max-width: 768px) { 
     .blog-photo-block {width:100%; text-align:center;}
     .blog-copy-block {width:100%;}
}

.copy-section li {
    list-style: unset;
    margin-bottom: 10px;
    margin-left: 20px;
}


/* Slider CSS */
.slider-img-neg {margin-top:-60px;}

.slider-block-left {width:70%;float:left;}
.slider-block-left p {width:80%;}
.slider-block-left-half {width:50%;float:left;}
.slider-block-left-icon {float:left;}

.slider-block-middle {float:left;width:20px;}

.slider-block-right {width:30%;float:left;}
.slider-block-right-half {width:50%;float:left;}
.text-left {text-align:left !important;}
.slider-block-right-icon {float:left;padding-left:30px;}

/* Slider 60-40 */
.slider-block-left-sixty {width:60%;float:left;}
.slider-block-right-forty {width:40%;float:left;}

/* Slider 30-70 */
.slider-block-left-logo {width:30%;float:left;}
.slider-block-right-logo {width:70%;float:left;}

@media all and (max-width: 1207px) {
     .slider-block-left-icon {float:left;text-align:center;width:100%;}
  	 .slider-block-right-icon {float:left;padding-left:0px; margin-top:40px;text-align:center;width:100%;}
    }

@media all and (max-width: 768px) {  		
     .slider-img-neg {margin-top:0px;}
  
     .slider-block-left {width:100%;text-align:center;}
     .slider-block-left p {width:100%;}
     .slider-block-right {width:100%;margin-top:40px;text-align:center;}
  	 .slider-block-left-half {width:100%;}
     .slider-block-right-half {width:100%;}
     .slider-block-left-sixty {width:100%;float:left;}
     .slider-block-right-forty {width:100%;float:left;}
  
  	.slider-block-left-logo {width:100%;float:left;}
	.slider-block-right-logo {width:100%;float:left;margin-top:50px;}
    }

/* Hard Break Tag */
@media all and (max-width: 975px) {
  .rmvbreak {display:none;}
}

/* Slider Pagination Dots */
.banners .slick-dots button {
    border-color: #96c73d;
}
.banners .slick-dots .slick-active button {
    background: #96c73d none repeat scroll 0 0;
}

/* Webinar Video Play Screen */
.video-play-area {width:720px; height:500px; margin-left: auto; margin-right: auto;}
@media screen and (max-width: 700px) {
        .video-play-areak {width:500px; height:280px; margin-left: auto; margin-right: auto;}
    }
@media screen and (max-width: 525px) {
	.video-play-area {width:400px; height:180px; margin-left: auto; margin-right: auto;}
}
@media screen and (max-width: 420px) { 
        .video-play-area {width:300px; margin-left: auto; margin-right: auto;}
    }

