/*------------------------------------*\
    Content and Body
\*------------------------------------*/

/* Fix to remove scrollbar - Screens under 575px*/
@media (max-width: 575.98px) {
  .row {
    margin-left: 0;
    margin-right: 0;
  }
}

/* Feature Breakword */
.ccm-block-feature-link {
	word-wrap: break-word;
}

/*------------------------------------*\
    Subpage
\*------------------------------------*/


/* Feature Banner */

.mainimagehead {
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}
.maingradienthead {
  background: radial-gradient( circle at 50% 20%, rgba(4, 15, 26, 0.36) 0%, rgba(4, 15, 26, 0.75) 89% );
  pointer-events: none;
}
.mainheadpattern {
  background-image: url(/application/files/5117/9196/1895/waves-white-thin.svg);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.mainheadtext {
  color: #fff !important;
  font-weight: 500 !important;
  font-size: 2.5em !important;
  padding: 200px 0 150px;
  min-height: 450px;
  margin: 0px;
  text-shadow: 0px 2px 0px rgba(0,0,0,0.25);
}
.headweightsemi {
  font-weight: 600 !important;
}

@media only screen and (max-width:1175px) {
	.mainheadpattern {
	  background-size: initial;
	}
}
@media only screen and (max-width:920px) {
	.mainheadtext {
	  padding: 200px 0 100px;
	  min-height: 400px;
	}
}
/* Hero Image - Default Banner Title */
.subpage-banner .ccm-block-hero-image-text h1,
.subpage-banner .ccm-block-hero-image-text h2,
.subpage-banner .ccm-block-hero-image-text h3,
.subpage-banner .ccm-block-hero-image-text h4,
.subpage-banner .ccm-block-hero-image-text h5,
.subpage-banner .ccm-block-hero-image-text h6 {
  color: #fff !important;
  text-shadow: 0px 2px 0px rgba(0,0,0,0.25);
  font-family:Raleway!important;
}


/* Subpage - Right Content Menu */
.rightcolmenu {
  padding:40px 40px 25px 40px;
  background:#fff;
  border-radius:2px 38px 2px 38px;
  margin-bottom:40px;
  margin-top:-60px;
  box-shadow:0px 0px 10px rgba(0,0,0,0.1);
  min-height: 150px;
  z-index: 200 !important;
    position: relative !important;
}
@media only screen and (max-width:768px) {
  .rightcolmenu {
    display:none;
  }
}

/* Subpage Header */
.subheaderbar h6 {
  color: #fff !important;
  font-family: Raleway !important;
  font-size: 1.45em !important;
  line-height: 1.42857143 !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  padding-bottom: 20px;
  padding-top: 20px;
  margin-top: 0px;
  margin-bottom: 0px;
}

/*------------------------------------*\
    Page List
\*------------------------------------*/

div.ccm-block-page-list-page-entry-horizontal,
div.ccm-block-page-list-page-entry {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #ececec;
  font-size: 0.9em;
  color: #000 !important;
  font-weight: 600 !important;
}
div.ccm-block-page-list-page-entry-horizontal,
div.ccm-block-page-list-page-entry a {
  color: #000 !important;
  font-weight: 600 !important;
  transition: color 0.5s ease;
}

div.ccm-block-page-list-page-entry-horizontal,
div.ccm-block-page-list-page-entry a:hover {
  color: #0071b9 !important;
  transition: color 0.5s ease;
}


/* Submenu with description */

.bigiconmenu div.ccm-block-page-list-page-entry-horizontal div.ccm-block-page-list-page-entry-thumbnail img {
	max-width: none;
    width: 50px;
}

/* End Submenu with description */

/* Submenu with title only */

.smalliconmenu div.ccm-block-page-list-page-entry-horizontal div.ccm-block-page-list-page-entry-thumbnail img {
    max-width: none;
    width: 25px;
}

/* End Submenu with title only */

/*------------------------------------*\
    Container Margin
\*------------------------------------*/

/* Remove container margins */

 .ccm-page > div.container {
  margin-top: 0;
  margin-bottom: 0;
}

/*------------------------------------*\
    Font Styling
\*------------------------------------*/

/* CSS Copied from FrogLMS */
div.ccm-page {
  font-family:Raleway!important;
  font-weight:400;
  font-size:15px;
  line-height:1.75em;
  -webkit-font-smoothing:antialiased;
}
div.ccm-page blockquote {
  padding-left:60px;
  font-size:1.46em;
  font-weight:300;
  border-color:#bdcfd8;
  color:#6e6e6e;
  line-height:1.42857143;
}
div.ccm-page h1 {
  font-family:Raleway!important;
  font-size:2.1em;
  font-weight:700;
  color:#1a1a1a;
  line-height:1.42857143;
  text-transform:none;
}
div.ccm-page h2 {
  font-family:Raleway!important;
  /*font-size:1.46em;*/
  font-size:2em;	
  font-weight:300;
  color:#1a1a1a;
  line-height:1.42857143;
  text-transform:none;
}
div.ccm-page h3 {
  font-family:Raleway!important;
  /*font-size:1.25em;*/
  font-size:1.8em;
  font-weight:300;
  color:#191919;
  line-height:1.42857143;
  text-transform:none;
}
div.ccm-page h4 {
  font-family:Raleway!important;
  font-size:1.05em;
  font-weight:700;
  color:#4f585c;
  line-height:1.42857143;
  text-transform:none;
}
div.ccm-page h5 {
  font-family:Raleway!important;
  font-size:.73em;
  font-weight:700;
  color:#9fa9ad;
  line-height:1.42857143;
  text-transform:uppercase;
}
div.ccm-page h6 {
  font-family:Raleway!important;
  font-size:.73em;
  font-weight:400;
  color:#0071b9;
  line-height:1.42857143;
  text-transform:uppercase;
}
div.ccm-page img {
  max-width:100%;
  height:auto;
}
div.ccm-page hr {
  margin-top:40px;
  margin-bottom:40px;
  /*border-top:1px solid #ececec;*/
  border-top:1px solid #ddd;
}

div.ccm-page .btn {
  -webkit-border-radius:50px;
  -moz-border-radius:50px;
  border-radius:50px;
  -ms-border-radius:50px;
  padding:15px 30px 13px 30px;
}
div.ccm-page .btn-primary {
  min-width:160px;
  color:#fff;
  background:rgba(0,113,185,0.9);
  transition:background .3s ease-in-out,border .3s ease-in-out;
  text-transform:uppercase;
  font-weight:500 !important;
  font-size:0.8em !important;
  border:2px solid rgba(255,255,255,0);
}
div.ccm-page .btn-primary:hover,
div.ccm-page .btn-primary:focus,
div.ccm-page .btn-primary:active,
div.ccm-page .btn-primary.active,
div.ccm-page .open>.dropdown-toggle.btn-primary {
  color:#fff;
  background:#0071b9;
  transition:background .3s ease-in-out,border .3s ease-in-out;
  border:2px solid rgba(255,255,255,0);
}
div.ccm-page .btn-primary:active,
div.ccm-page .btn-primary.active,
div.ccm-page .open>.dropdown-toggle.btn-primary {
  background-image:none;
}
/*------------------------------------*\
    Custom Columns
\*------------------------------------*/

.sevencolumn {
  width: 14.2857%;
  float: left;
  text-align: center;
  margin-bottom: 20px;
}
.sixcolumn {
  width: 16.6666%;
  float: left;
  text-align: center;
  margin-bottom: 20px;
}	
.fivecolumn {
  width: 20%;
  float: left;
  text-align: center;
  margin-bottom: 20px;
}	
.fourcolumn {
  width: 25%;
  float: left;
  text-align: center;
  margin-bottom: 20px;
}
.threecolumn {
  width: 33.33%;
  float: left;
  text-align: center;
  margin-bottom: 20px;
}	
.twocolumn {
  width: 50%;
  float: left;
  text-align: center;
  margin-bottom: 20px;
}
	
@media screen and (max-width: 640px){
.sevencolumn {
  width: 49%;
  float: left;
  padding:0% 0.5%;
}
.sixcolumn {
  width: 49%;
  float: left;
  padding:0% 0.5%;
}
.fivecolumn {
  width: 49%;
  float: left;
  padding:0% 0.5%;
}
.fourcolumn {
  width: 49%;
  float: left;
  padding:0% 0.5%;
}
.threecolumn {
  width: 49%;
  float: left;
  padding:0% 0.5%;
}
.twocolumn {
  width: 49%;
  float: left;
  padding:0% 0.5%;
}	
}

/*------------------------------------*\
    Other
\*------------------------------------*/

/* Search - Search Page */
.searchbox .pagination>li>a, .pagination>li>span {
  border: 1px solid #ddd !important;
}
.searchbox .ccm-search-block-form #searchResults .searchResult h3 a {
  font-weight: 600 !important;
  font-size: 0.7em !important;
  color: #0071b9 !important;
}
.searchbox .ccm-search-block-form input.ccm-search-block-text {
  /*width: calc(100% - 180px) !important;*/
  width: ~"calc(100% - 168px)"!important;
  border-radius: 25px !important;
  display: inline-block;
}
/* End - Search - Search Page */

/* Box Shadow (new website)*/
.boxshadow{
  box-shadow: 
  inset 0px 33px 30px -33px rgba(0,0,0,0.5),
  inset 0px -33px 30px -33px rgba(0,0,0,0.5);
}
.topshadow{
  box-shadow: 
  inset 0px 33px 30px -33px rgba(0,0,0,0.5)
}

/* Drop Shadow */
.dropshadow {
  z-index: 100;
  box-shadow: 0px 0px 25px rgba(0,0,0,0.5);
}

/*------------------------------------*\
    Contact Page
\*------------------------------------*/

/* Contact Page - Tech Support */
.featsuppleft {
  padding-top: 10px;
  width: calc(100% - 160px);
  width: ~"calc(100% - 160px)";
  float:left;
}
.featsuppright {
  width: 160px;
  float:left;
}
.featsuppholder {
  padding: 20px 20px 20px 40px;
  background: #fff;
  border-radius: 50px;
  overflow: auto;
  display: block;
  margin-bottom: 40px;
}

/*------------------------------------*\
    Container Boxes
\*------------------------------------*/

/* White Box Container */
.featurebox{
  margin-bottom: 130px;
  /*border: #fff solid 10px;*/
  box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
  background: white;
  min-height: 300px;
}

/* Comment Box */
.bluecommentbox {
  font-size: 1.1em;
  text-align: left;
  background-color: #0071b9;
  margin-bottom: 40px;
  border-radius: 5px;
  padding: 15px 15px 15px 15px;
  border: 1px solid #0063a3;
}
.whitecommentbox {
  line-height: 2;
  text-align: left;
  padding: 30px;
  border: 1px solid #f0f0f0;
  border-radius: 8px;
  background: #fff;
}

/* End Comment Box */

/*------------------------------------*\
    Videos
\*------------------------------------*/

/* Video Shadown - walkthrough */
.videoshadow {
  margin-bottom: 50px;
  line-height: 0px;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}

/* Planet e-Stream */
.aspect-ratio {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56%; /* The height of the item will now be 56% of the width. */
}
.aspect-ratio iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

/* Youtube */	
.youtubeBlock{ position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0}
.youtubeBlock iframe{ border: 0px; position: absolute; top: 0; left: 0; width: 100%; height: 100%}