/* ------------------------------------------------------------------
Extra Link Styles
------------------------------------------------------------------ */
div.header-container .bookend {
	outline: none;
	text-decoration: none;
	position: relative;
	line-height: 2;
	color: #fff;
	display: inline-block;
}


/* ------------------------------------------------------------------
Hover Effects
------------------------------------------------------------------ */
div.header-container .bookend-vert {

}

div.header-container .bookend-vert::before,
div.header-container .bookend-vert::after {
	content: '';
	width: 100%;
	height: 2px;
	z-index: -1;
	background: #fff;
	position: absolute;
	-webkit-transform: scale3d(0,1,1);
	transform: scale3d(0,1,1);
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
}

div.header-container .bookend-vert::before {
	right: 0;
	top: 0;
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
}

div.header-container .bookend-vert::after {
	left: 0;
	bottom: 0;
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
}

div.header-container .bookend-vert:hover::before,
div.header-container .bookend-vert:hover::after {
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

div.header-container .bookend-vert span {
	position: relative;
	-webkit-transition: color 0.5s;
	transition: color 0.5s;
}

header.template-header .navbar-side .mobile-sub-nav ul li:not(.website-phone)
	{
	display: inline-block;
	}

header.template-header .header-top li a {
    font-size: 2rem;
    font-size:20px;
}
header > div.navbar-side > div > nav.mobile-sub-nav > ul > li {
    font-size: 22px;
}

.columns-video-container.on-primary {
    background: #00687b;
}

.widget.twocolumns-video h4 {
    color: #00687b;
}

/* ------------------------------------------------------------------
Menu Button
------------------------------------------------------------------ */
header.template-header a.paymentButton
	{
	display:block;
	border: 1px solid #fff;
	padding: 5px 10px;
	background: transparent;
	transition: background-color 0.5s ease;
	}
	
header.template-header a.paymentButton:hover
	{
	border: 1px solid #fff;
	color: #196795;
	background-color: #fff!important;
	}

/* ------------------------------------------------------------------
Less than 768px
------------------------------------------------------------------ */
@media only screen and (max-width: 768px) {

	.btn.btn-play.about-us-video {
	    margin-top: -40px;
	    width: 60px;
	    height: 60px;
	}
	
	.btn.btn-play.about-us-video:after {
	    font-family: FontAwesome;
	    content: "\f04b";
	    position: relative;
	    left: 3px;
	    top: -20px;
	    font-size: 32px;
	    -webkit-text-stroke: 1px #fff;
	}
}

/* Sublime - Only when under Resources */
.page-article .page-content {
    max-width: 1680px;
}

#widget_iframe {
    min-height: 1300px;
    overflow-x: auto;
    overflow-y: auto;
    width: 1px;
    min-width: 100%;
    *width: 100%
}
@media only screen and (max-width:1680px) {
    #widget_iframe {
        min-height: 1100px
    }
    .internal-content .page-content-wrapper {
        padding: 0
    }
}
@media only screen and (max-width:1366px) {
    #widget_iframe {
        min-height: 960px
    }
    .internal-content .page-content-wrapper {
        padding: 0
    }
}
@media only screen and (max-width:1024px) {
    #widget_iframe {
        min-height: 700px
    }
    .internal-content .page-content-wrapper {
        padding: 0
    }
}
@media only screen and (max-width:768px) {
    #widget_iframe {
        min-height: 600px
    }
    .internal-content .page-content-wrapper {
        padding: 0
    }
}
@media only screen and (max-width:640px) {
    #widget_iframe {
        min-height: 490px
    }
    .internal-content .page-content-wrapper {
        padding: 0
    }
}
@media only screen and (max-width:480px) {
    #widget_iframe {
        min-height: 400px
    }
    .internal-content .page-content-wrapper {
        padding: 0
    }
}
@media only screen and (max-width:320px) {
    #widget_iframe {
        min-height: 300px
    }
    .internal-content .page-content-wrapper {
        padding: 0
    }
}