/*
Theme Name: WaterColor Management
Theme URI: http://www.watercolormanagement.com/
Author: NMS
Author URI: http://www.neilsonmarketing.com
Description: Responsive Wordpress Theme.
Version: 1.0
*/


/*
Required WordPress CSS
*/
#summary .Logos-Side-Colour-scaled{
	width: auto;
}
.page #summary.summary-canada{
	background: #f2f2f3;
}
#summary.summary-canada h1, #summary.summary-canada p{
	color: #4e4d4d;
}

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.bypostauthor {
}
.gallery-caption {
}
.sticky {
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
.wrap-more-content ul.pdfs li:before, #summary ul.pdfs li:before{
	content:'' !important;
}

.video-con {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  max-width: 100%;
}
.video-con iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.caption .pop-cta {
    border: 1px solid #fff!important;
    padding: 20px 0 0 0;
	font-size: 16px;
}


.caption .pop-cta:hover span.click_here:after{
    background: #fa9f1d;
}
.btn-arrow:hover, .caption .pop-cta:hover, #pop-cta:hover {
    text-decoration: none;
    background: #fa9f1d;
    color: #fff;
    border: 1px solid #fff;
}
a.pop-cta span.click_here {
   width: 28%;
   float: left;
   margin: 0;
   padding: 26px 0 0 0px;
   position: relative;
   font-size: 14px;
   line-height: 120%;
   z-index: 1;
   border-radius: 0 4px 4px 0;
   font-weight: 600;
   height: 100%;
}

.caption .pop-cta {
    background: transparent;
}
.caption.test_page .pop-cta {
    padding-top: 0;
}
.caption.test_page a.pop-cta:after{
	display: none!important;
}
a.pop-cta span.btn_text_here {
    width: 72%;
    float: left;
    margin: 0;
    padding: 13px 0 14px 0px;
    position: relative;
    line-height: 120%;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 700;
    background: rgba(50,131,213,0.8);
    border-radius: 6px 0 0 6px;
}
.caption .pop-cta:hover span.btn_text_here {
    background: #fa9f1d;
}


span.click_here:after {
    position: absolute;
    content: '';
    background: rgba(50,131,213,0.8);
    width: 44%;
    height: 78%;
    top: 12%;
    left: 48%;
    z-index: -1;
    border-radius: 50%;
    border: 1px solid #fff;
}
.btn-arrow, .caption .pop-cta, #pop-cta {height: 85px!important; transition:none;}


span.other_border_overlay {
    float: left;
    width: 60px;
    height: 60px;
    position: relative;
    top: -14px;
    z-index: 3;
    transform: rotate(45deg);
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    left: -29px;
    background: linear-gradient(45deg, transparent 50%, rgba(50,131,213,0.8) 50%);
	
}
.caption .pop-cta:hover  span.click_here span.other_border_overlay{
    background: linear-gradient(45deg, transparent 50%, #fa9f1d 50%);
}


a.pop-cta span.click_here:before {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    content: '';
    z-index: -1;
	background: radial-gradient(closest-corner at 68% 52%, transparent, #f63, #f63);
    border-radius: 0 4px 6px 0;
}

span.other_border_overlay:after {
    position: absolute;
    top: -43px;
    left: 1px;
    content: '';
    border-left: 43px solid transparent;
    border-bottom: 41px solid #ff6633;
    border-right: 40px solid transparent;
}
span.other_border_overlay:before {
    position: absolute;
    bottom: 0;
    left: 84px;
    content: '';
    border-left: 50px solid #ff6633;
    border-right: 0px solid transparent;
    border-top: 34px solid transparent;
    border-bottom: 50px solid transparent;
}

a.pop-cta span.click_here:before {
    position: absolute;
    top: 0px;
    left: 58px;
    width: 73%;
    content: '';
    z-index: -1;
    background: radial-gradient(closest-corner at 54% 52%, transparent, #f63, #f63);
    border-radius: 0 4px 6px 0;
    height: 100%;
}

a.pop-cta1 {
    position: relative;
	display: inline-block;
}

.btn_text_here_img_hover {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
	transition: 1.3s;
	-webkit-transition: 1.3s;
	-moz-transition: 1.3s;
}


.caption.test_page_home a {
	width: 100%;
	height: 109px;
	display: inline-block;
}
span.text_overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	color: #fff;
	font-size: 20px;
	font-family: "Open Sans",sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	display: flex;
	text-align: center;
	width: 355px;
	vertical-align: middle;
	justify-content: center;
	align-items: center;
	height: inherit;
	background: transparent;
	line-height: normal;
	
}

span.other_border_overlay_down {
    position: absolute;
    top: 33%;
    right: 7%;
    color: #fff;
    font-size: 18px;
    font-family: "Open Sans",sans-serif;
    font-weight: 600;
    line-height: 130%;
    text-transform: uppercase;
}

a.pop-cta1.pop-cta133:hover .btn_text_here_img_hover{
    opacity: 1;
}