/*
	Theme Name: CTSCCC Main
	Description: CTSCCC Main website Theme
	Version: 1.4.3
    Author: JaPache - Jon Warmington
    Author URI: https://www.japache.ca
*/

/* 
    This theme was built off of the html5blank starter theme by previous developer (Ashley Sevilla).  
    JaPache will slowly cleanup and improve.
*/

/* Global Styles */


@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,700,900');


html,
body {
    height: 100%;
    font-family: 'Lato', sans-serif, Arial !important;
    font-size:15px;
    font-weight:400
}

h1, h2, h3, h4, h5, h6      {  
    font-family: 'Montserrat', sans-serif, Arial !important;
    margin:10px 0; }
h1, .h1                     { font-size:   28px; margin:16px 0; } 
h2, .h2                     { font-size:   26px}
h3, .h3                     { font-size:   24px }
h4, .h4                     { font-size:   20px }
a                           { color:#932c2d }
a:hover                     { 
    text-decoration: none;
    color:#444; }

hr {
   border-bottom: 1px dotted #bfbdbd;
   margin: 10px 0; }

.type-page ul               { padding-left:2em; margin-bottom:1em}
.wrapper                    {  overflow-x:hidden }

.img-portfolio              { margin-bottom: 30px;  }

.img-hover:hover            { opacity: 0.8;   }

.vertical-center {
 position: absolute;
    top: 50%;
    left:0;
    right:0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); 
    z-index:1;
}

.page-content ol, .page-content ul                      { padding-left: 1.5em !important; }

/* Home Page Carousel */

header.carousel             { height: 70%; }

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* 404 Page Styles */
.error-404                  { font-size: 100px;  }

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

.slick-slide {
   max-height:500px;
}

.slick-slide img {
   height:500px;
}

/* Text CSS */
.align-left     { text-align: left }
.align-center   { text-align: center }
.align-right    { text-align: right }



/* Padding and Margin*/
.pad-1          { padding:1em;}
.pad-top-1      { padding-top: 1em}
.pad-top-2      { padding-top: 2em}
.pad-bot-1      { padding-bottom: 1em}
.pad-bot-2      { padding-bottom: 2em}
.pad-topbot-1   { padding:1em 0;}
.pad-topbot-2   { padding:2em 0;}
.pad-r-1        { padding-right: 1em}   

.mar-top-1      { margin-top: 1em !important}


/* Color */
.red            { color:#932c2d }
.white          { color:#fff;}
.bg-red         { background: #932c2d}
.bg-yellow      { background: #e1bb80;}
.bg-gray        { background: #E8E6E2}
.bg-darkgray    { background: #444444}

.unstyled-list  { list-style: none;}
.list-inline    { display: inline-block; }


/****** HEADER *******/
.navbar         { 
    border-radius: 0 !important;
   -webkit-border-radius: 0 !important; 
   -moz-border-radius: 0 !important;
 }
.cc-nav { 
    background: #932c2d;
    border: 0;
    margin-bottom:0px;
}
.top-nav {
    background: #fff;
    padding: 1em 0;
}
.cta-button {
    padding: 4px 15px;
    margin:0 1%;
    margin-top: 10px;
    display:inline-block;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.6px;
}

.cta-red {
    color: #932c2d;
    border: 2px solid #932c2d;
}
.cta-red:hover, .cta-yellow:hover {
    color: #fff;
    border: 2px solid #932c2d;
    background-color:#932c2d;
}
.cta-yellow {
    background-color: #e1bb80;
    color: #932c2d;
    border: 2px solid #e1bb80;
}


.cta-white {
    background:#fff;
    color: #932c2d;
}
.cta-white:hover{
    background-color: #e1bb80;
    color: #932c2d;
}
.cta-big {
    padding: 6px 30px;
    font-size: 16px;
}

.cc-main-menu {
    width: 100%;
    text-align:center
}
.cc-main-menu ul * {
    color: #fff;
    font-size: 15px;
    font-weight: 100;
}

.cc-main-menu > ul > li {
    display: inline-block;
    padding: 1.2em 1em;
}

.cc-main-menu ul {
    list-style: none;
    width: 100%;
    text-align:center
}
.social-hwrap {
    margin-top: 10px;
}
.social-hwrap li {
    width: 49%;
    line-height: 24px;
    vertical-align: middle;
}
.social-hwrap li * {
    display: inline-block;
    text-transform: uppercase;
    font-size: 12px;
}
.social-hwrap li img {
    margin-right: 5px;
    vertical-align: middle;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu { width:175px !important}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link
{
	padding: 6px 10px 6px 10px !important; line-height: 1.4em !important;
}



/****** FOOTER *******/
.cta-wrap {
    background: #932c2d;
    color: #fff;
    font-size: 26px
}
.sitemap-wrap {
    background-color:#403f3f;
    color:#fff;
}
.sitemap-wrap ul         { list-style:none}
.sitemap-wrap .sub-menu { padding-left: 1.2em; }
.copyright-wrap {
    background-color:#e1bb80;
    color:#403f3f;
    font-size: 14px;
}

.sitemap-wrap a {
    color: #fff;
    font-size: 13px;
    font-weight: 100;
}

.social-wrap a {
    font-size: 15px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
   -webkit-border-radius: 50%; 
   -moz-border-radius: 50%; 
    background: #5a5a5a;
    display: inline-block;
    color: #e1bb80;
    line-height: 30px;
    margin: 0 2px;
}
.social-wrap a:hover {
    background-color:#696666
}

/****** SIDEBAR *******/
button, input, select, textarea     { width:100%;}
.page-sb form {
    width: 100%;
    padding: 0.8em 1.5em 1em 1.5em;
    max-width: 100%;
}
input {
    line-height: normal;
    padding: 6px;
    border: 1px solid #c8c8c8 !important;
    background: #fff;
    margin-bottom: 3px; }
input[type="submit"] {
    background: #932c2d;
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.8px;
    margin-top: 8px;
    padding: 9px;
}
input[type="submit"]:hover { 
    background: #4b4b4b; ;
    color: #fff; }

#request-info select {
  -webkit-appearance: none;
  color: grey;
  background: #fff url('https://www.ctsccc.com/wp-content/uploads/2022/11/down-arrow-grey-1.png') no-repeat 97%;
    background-size: auto;
  background-size: 18px;
}


.menu-sb ul li a {
    font-size: 16px;
    border-bottom: 1px dotted #ccc;
    display: block;
    padding: 8px 0px;
    color: #a20d0d;
}
.menu-sb h3 { margin:0;}
.menu-sb ul {
    list-style: none;
    margin-top: 0.5em;
}



/****** SITE PAGES *******/


/* Homepage */

.bg-img-wrap {
    position:relative;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    height:70vh;
    margin-top: -20px; }
.bg-img-wrap img { display:none}
.width-70 { 
    width: 100%;
    padding: 0 15%;
 }
.maxwidth-70 { 
    max-width: 600px;
    margin: 0 auto;
    padding: 0 !important;
    float: none;}
.slide-info {
    position: absolute;
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    top: 26%;
    left:0;
    right:0;
    z-index:2;
    color: #fff;
    max-width: 600px;
}
.slide-info-cont {
    right: 0px;
    left:0;
    position: absolute;
    height: auto;
    padding:1em 1.5em;
    min-width: 400px;
    max-width: 900px;
}
.slide-info-cont h2 {
    font-size: 32px;
    line-height: 1.2em;
    font-family: Arial,Helvetica,sans-serif;
    letter-spacing: 0px;
}
.slide-info a { margin-top:10px}
.home-banner .master-slider::before {
  	position: absolute;
  	content: '';
  	width: 100%;
  	height: 100%;
  	bottom: 0;
  	left: 0;
  	background: url(http://redpath.truemaxdesign.com/wp-content/uploads/2015/10/black-gradient.png) no-repeat center center;z-index: 1;}

.home-banner .ms-slide-info.ms-dir-h {
    width: 1500px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 2;
    color: #fff;
  	letter-spacing:0px
    bottom:1em
}

.home-banner .ms-slide-info h2 {
 	white-space: nowrap;
	font-size: 45px;
	line-height: 60px;
	font-weight: 600;
	color: rgb(255, 255, 255);
  	font-family: Arial,Helvetica,sans-serif;
  	margin-bottom:0
	}

.home-banner .ms-slide-info  p {
  	font-size: 20px;
 	line-height: 30px;
  	font-weight: 500; 
  	margin-bottom:2em
    display:block
}
.home-banner .ms-bullets { z-index:4}

.home-banner  .ms-time-bar {
  	position: absolute;
	bottom: 0;
	z-index: 3;
	height: 4px !important;
}
.slider-short-content { display:none}
.wpsisac-slick-slider.design-2 .slick-image-slide img 
{ width:100% !important }

.wpsisac-slick-slider.design-2 .slick-image-slide::before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    background-color: rgba(29, 29, 29, 0.5);
    top: 0;
    z-index: 1;
    left: 0;
}

.wpsisac-slick-slider.design-2 .slick-image-slide .slide-wrap .slide-title {
font-size: 32px;
line-height: 1.2em;
font-family: Arial,Helvetica,sans-serif;
letter-spacing: 0px;
padding-bottom:10px !important }

.wpsisac-slick-carousal.design-6 .slick-dots { bottom:-20px !important}
.slide-wrap .readmore a.slider-readmore {
    text-transform: uppercase;
    background: #fff !important;
    color: #932c2d !important;
    padding: 6px 30px !important;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.6px;
}

.slide-wrap .readmore a.slider-readmore:hover {
background-color: #e1bb80 !important;
color: #932c2d !important;
}

.offices-wrap .panel-body {
    min-height: 196px;
}
.panel-heading { overflow:hidden; padding:0;}
.panel-default > .panel-heading { padding-bottom: 0}
.home-slider .bg-img-wrap::before {
            position: absolute;
            width: 100%;
            height: 100%;
            content: '';
            background-color: rgba(29, 29, 29, 0.5);
            top: 0;
            z-index: 1;}

/* PROGRAMS */
.programs-banner { 
    display:none;
    background-size: cover;
    height:300px;
}
.hero-banner h1 {
    margin: 0;
    padding-top: 4em
}

.page-content h2 {
	border-bottom: 3px solid #e1bb80;
	margin-bottom: 0.5em;
	padding-bottom: 6px;
    text-transform: uppercase;
    font-size: 22px;
    color: #830505;

}
img { max-width: 100% !important}
.page-innerbanner {
    height: 54vh;
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
}
.page-innerbanner::before {
            position: absolute;
            width: 100%;
            height: 100%;
            content: '';
            background-color: rgba(29, 29, 29, 0.5);
            top: 0;
            z-index: 1;}

/* CAMPUS */
.campus-table td {
    width: 33% !important;
    float: left;
    display: inline-block;
    word-wrap: break-word;
    padding-right: 1em;
}
.campus-wrap .panel-body { min-height: 200px}
.campus-details td       { padding-top:1em }

/* Blog */
.post-item {
    background: #f0f0f0;
    padding: 1em;
    margin-top: 1em;
    border: 2px solid #d8d8d8;
    margin-top: 11px;
}
.blog-text {
    display: inline-block;
    width: 76%;
    padding-top:1em;
}
.blog-img {
    width: 19%;
    margin-right: 1.5em;
    display: inline-block;
    vertical-align: top;
    margin-top: 8px;
}
.blog-title a {
    text-transform: none; }
.view-article {
    background: #3e3c3c;
    color: #fff;
    padding: 5px 15px;
    display: inline-block;
    float: right;
    margin-top: 1.5em;
}
.view-article:hover { color: #e1bb80 }
.sidebar-blog-nav ul {
    list-style: none;
    padding-left: 20px;
}
.sidebar-blog-nav ul li {
    padding: 4px 0;
}
.sidebar-blog-nav ul li::before {
    content: '\f054';
    padding-right: 12px;
    left: 0;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}




/* Override Default Slick CSS */
.slick-slider { margin-bottom:0px !important}
.slick-dots { bottom:5px !important}
.slick-dots li { width: 14px !important; }
.slick-dots li.slick-active button::before {
    opacity: 1 !important;
    color: #932c2d !important;
}
.slick-dots li button::before {
    font-size: 14px !important;
    opacity: 1 !important;
	color: #e1bb80 !important
}

.slick-prev:before, .slick-next:before {
    display:none;
}

/* Responsive Styles */


@media(max-width:1210px) {
    .page-innerbanner  { height:350px;}  
}

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }

    h1, .h1                     { font-size:   24px } 
    h2, .h2                     { font-size:   22px}
    h3, .h3                     { font-size:   20px }
    h4, .h4                     { font-size:   16px }
    .pad-topbot-2               { padding-top: 1em; padding-bottom: 2em;}
    .width-70                   { padding:0 10px; }

    .slide-info {
        text-align: center;
        margin: 0 auto;
        top: auto;
        left: 0;
        right: 0;
        bottom: 26em;
    }
    .slide-info-cont { 
        left:0;
        right:0;
        margin:0 auto;}

      
}

@media(max-width:767px) {

    /* Header */
    .navbar-nav { margin: 0 !important; }
    .cc-nav.navbar-inverse .navbar-toggle:hover {
        background-color: transparent;
    }
    .cc-nav .navbar-toggle {
        margin-top: 5px;
        margin-bottom: 5px;
        border:0;
        margin-right:0px !important;
    }
    .cc-nav .navbar-toggle .icon-bar {
        width: 36px;
        height: 3px;
        border-radius: 0px;
        -webkit-border-radius: 0px; 
        -moz-border-radius: 0px;
    }
    .cc-nav .navbar-toggle .icon-bar + .icon-bar    { margin-top: 7px; }
    #bs-example-navbar-collapse-1                   { padding: 0; }
    #mega-menu-wrap-header-menu                     { text-align:center}
    #mega-menu-header-menu {
     display: inline-block;
     margin: 0 auto;
     left: 0;
     right: 0;
}
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item-has-children > a.mega-menu-link::after
        {
            font-size: 23px !important;
            z-index: 999 !important;
            cursor: pointer;
            position:relative;
            right: -1.5em
        }
    #mega-menu-wrap-header-menu #mega-menu-header-menu { background: #D8D8D8 !important; }
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
  	padding: 0px 8px 0px 8px !important;
	}
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link,
    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-flyout li.mega-menu-item-has-children > a.mega-menu-link::after
    { 
        color:#333 !important;
        font-size: 16px !important;
        line-height: 40px !important;
        height: 40px !important;
        padding-right:3em;
    }
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:hover { 
        background: #e4e4e4 !important;
    }
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, 
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:hover, 
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:focus 
                                    { background: #d5c2a5 !important; }
    #mega-menu-wrap-header-menu #mega-menu-header-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu
                                     {opacity: 1; margin-top:0px;}
    #mega-menu-wrap-header-menu .mega-menu-toggle + #mega-menu-header-menu li.mega-menu-item > ul.mega-sub-menu {
        display: block; visibility: visible; }
    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item { border-bottom: 1px solid #B9B9B9; }
    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item li.mega-menu-item-has-children > a.mega-menu-link::after
        { opacity: 0} 
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu { width: 100% !important; }  
    .logo-mob                       { float:none !important;}
    .logo-mob img                   { width:135px;}

    .img-portfolio                  { margin-bottom: 15px; }

    header.carousel .carousel       { height: 70%; }


    /* Home */
    /* .wpsisac-slick-slider.design-2 .slick-image-slide, .slide-wrap { height:auto !important} */

    .offices-wrap .panel-heading    { text-align: center; }
    .center-mob *                   {  text-align:center;}
    .bg-img-wrap { height:55vh;}
    .bg-img-wrap::before {
            width: 100%;
            height: 100%;
            content: '';
            position: absolute;
            background: rgba(64, 63, 63,0.6);
            z-index: 0;}
    .slider-info {
        top: 4em;
        left: 0;
        right: 0;
        width: 90%;
        bottom:auto;
    }
    .slide-info {
        top:5em;
        width:90%;
        z-index:9999 !important;
        color:#fff;
    }
     .slide-info .cta-button {
        background: #932c2d;
        color:#fff;
     }

    .section-head br                { display:none;}
    .pad0-mob                       { padding:0 !important;}

    /* Programs */
    .programs-banner                { 
        padding:3em 0;
        height:auto;
    }
    .programs-banner h1             { padding-top:0;}
    .mar-top-1-mob                  { margin-top: 1em !important}
    .page-innerbanner               { height:200px; padding:2em 0;}

    /* Campus */
    td { 
        width: 100%;
        display: block;
        padding-bottom: 10px; }
    .page-content img               { margin-bottom: 6px; }
    .campus-wrap *                  { text-align: center   }

}

@media(max-width:500px) {
.carousel-home { display:none}
.wpsisac-slick-slider.design-2 .slick-image-slide .slide-wrap .slide-title { font-size:22px !important}
.wpsisac-slick-carousal .slick-image-slide { height:auto !important }
}

p.sub-t {
    font-style: italic;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 120%;
}

.page-content img{
    height:auto;
}