/**
Theme Name: Husky Online Learning
Theme URI: https://hc.edu/online-learning/
Description: Online Learning child theme for ¶¶ÒõÈë¿Ú.
Author: HCU Recruitment Marketing
Author URI: https://hc.edu/
Version: 0.1.1
Template: husky
Text Domain: huskyonlinelearning
Tags: responsive-layout, accessibility-ready, custom-menu, editor-style, featured-images, rtl-language-support, translation-ready, custom-background
License: GPLv2+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Override Husky 2.0 color changes */
.top-bar-section .inline-menu .inline-menu-section,.top-bar .mnav,.section__snav,.snav-mobile,.snav a, .snav button,.quick-links,.footer-links{background-color:#17223B !important}
.snav a:hover, .snav button:hover,.snav button[aria-expanded="true"]{background:#C64027 !important}
.snav .sub-menu li:first-child a {background: url(/wp-content/themes/husky-online-learning/assets/img/snav-gradient.png) repeat-x center top;}
.top-bar-section .inline-menu .inline-menu-section>li.has-children a{border-left: 1px solid #17223B}
.top-bar-section .top-bar-main-menu li>a{color: #17223B}
.button, button, input[type=submit]{background-color: #17223B}
.widget-area .page-navigation>div>ul>li.current-menu-ancestor>a:first-child, .widget-area .page-navigation>div>ul>li.current-menu-item>a:first-child, .widget-area .widget_nav_menu>div>ul>li.current-menu-ancestor>a:first-child, .widget-area .widget_nav_menu>div>ul>li.current-menu-ancestor>a:first-child:hover, .widget-area .widget_nav_menu>div>ul>li.current-menu-item>a:first-child, .widget-area .widget_nav_menu>div>ul>li.current-menu-item>a:first-child:hover{background-color: #17223B}
.icon-panel .icon-wrap.primary .icon-wrap-inner{background: #17223B}
.button.ghost-primary, input.ghost-primary[type=submit]{color:#17223B}
.button.ghost-primary:hover, input.ghost-primary[type=submit]{background:#17223B}
.rfi-toggle>input[type=radio].toggle:checked+label{background:#17223B}
.rfi-toggle>label{border:3px solid #17223B}
#rfi-form-slate .form_button_submit{background-color:#17223B; font-weight: 400 !important}
.rfi-form input[type=submit]{padding: .7rem 2rem !important; font-weight: 400 !important}
.be-ix-link-block{padding:1.2rem .4rem 1.2rem}

/* Site-wide */

.site-header:after{background: #F84C04; box-shadow: inset 0 0 0 1px #D35522}
.section__page-header .page-header-content{margin-top:.42rem}
.page-header-content .page-title a{display:inline-block}
.page-header-content .page-title img.online-logo {width:600px;margin:0 auto}
.snav-apply button{background-color:#C64027!important}
@media only screen and (min-width:40.0635em){.snav-apply button{background:#C64027!important}}
#content{font-size: 1.05rem}
.section__page-header, .section__breadcrumbs {letter-spacing: -.3px}


.hentry{box-shadow:none;padding: 1rem 1.25rem}
.hentry, .widget-area .widget {border-radius: 10px}
#content .container{padding-left:0;padding-right:0;max-width:63rem}

.section{padding:0}
.widget-area .widget-title{letter-spacing:-.4px}
.columns.columnpad:first-child{padding-right:.5rem}
.columns.columnpad:last-child{padding-left:.5rem}

.whitebg{background-color:#fff}
.sm{font-size:1rem}
.pp{font-size:1.05rem;margin:0}
.mar-top1{margin-top:1rem}

h1,.h1 {
	color: #C64027;
	margin-top: 0;
}
.content-area h1, .content-area .h1 {font-size: 1.93rem}
.h1small {font-size: 1.7rem}

#main section>.container>h2,#main section>.container>.h2,.s_testimonials .widget-title {font-size: 1.9rem;font-family:"Josefin Sans";text-align:center;letter-spacing:-1.5px}
#content .button,#content button,#content input[type=submit] {padding: .9rem 1.2rem .8rem; font-family: "Josefin Sans"; font-weight: bold; letter-spacing: -.5px}
#content .button.ghost-primary {
	border: 1px solid #17223B;
}

.widget-area .menu li.current-menu-item>a:first-child:not(.button):not(input[type=submit]):not(.menu>.current-menu-ancestor.active>a):not(.menu>.current-menu-item>a){font-weight:bold}
#rfi .disclaimer{font-size:.62rem}

.accordion .accordion-navigation>a,.accordion .accordion-navigation>a:hover,.accordion .accordion-navigation.active>a,.accordion .accordion-navigation.active>a:hover,.accordion .content.active{border-color:#17223B}
.accordion .accordion-navigation>a:after{color:#17223B}

/* Front Page */
.s_degrees h1 {margin-bottom: 1rem}
.s_degrees h2 {text-align: center; margin-bottom:1rem}

.degrees-boxes .degree-type {color: #fff; text-align: center;}
.degrees-boxes > .box {
	flex: 23%;
	margin: 0 .5% .5rem .5%;
	background: #17223B url(assets/img/degree-box-bg.jpg) no-repeat center;
    background-size: cover;
	padding: .8rem .8rem;
	border-radius: 5px;
}

/* Override select settings for non-JS users */
select.ui.selection.dropdown {
	background-color: #fafafa;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
	background-position: 99.5%;
	background-repeat: no-repeat;
	background-size: 2.2rem;
	border: 1px solid #ccc;
	color: rgba(0,0,0,.75);
	font-family: inherit;
	font-size: .9rem;
	line-height: normal;
	margin:0;
	padding: 0.6rem .67rem;
	border-radius:.28571429rem;
	height: 2.714rem;
}

.degrees-boxes button, .degrees-boxes button:hover {
	width: auto !important;
	height: auto;
	background: transparent;
	padding: 0.55rem 0 0.5rem 0.4rem !important;
	margin: 0 0 0 0.3rem;
}

.degrees-boxes button[disabled]{opacity:.5;color:#fff;border:none}

.degrees-boxes button > i {
	font-size: 1.5rem
}

@media screen and (max-width: 1037px) {
	.degrees-boxes > .box {flex:48%}
}
@media screen and (max-width: 530px) {
	.degrees-boxes{flex-direction:column}
	
}
@media screen and (max-width: 480px) {
	.degrees-boxes > .box {background:none;margin:0;padding:.3rem 0}
	.degrees-boxes .degree-type {display:none}
	.degrees-boxes > .box button {color:#17223B}
}


.home #main section, .home #main .section, .home #main .container {margin: 0 auto; text-align: center}
.s_request-info {background:#fff}
.s_request-info div {text-align:left}
.s_request-info .columns {padding:0}
.s_request-info > .flex {justify-content:left}
.s_request-info > .flex > div {flex-basis:50%}
.s_request-info > .flex > div:first-child img {border-radius: 10px}
.s_request-info h2 {text-align:left;margin-top:-.6rem}
.s_request-info input, .s_request-info select {margin-bottom:.5rem}
.s_request-info .disclaimer {font-size: .563rem}

.s_countdown{min-height:14rem}
.s_bluebefore{background: #17223B; color: #fff}
.s_bluebefore:before{position:relative;top:0;left:0;right:0;display:block;z-index:4;width:100%;height:.25rem;margin:0;content:"";background:linear-gradient(90deg,#17223B 0,#479dd1 50%,#17223B)}
.s_countdown h2 {font-weight: bold; color: #499BCE; letter-spacing: .5px}
#countdown .count {min-width: 7rem; padding:0 1.5rem; color: #fff; font-family: "Josefin Sans"; font-size: 3.5rem; font-weight: bold;}
#countdown .count span {display:block;font-size:1rem; color: #F94B01; text-transform: uppercase}

.s_tuition {padding: 1rem 0}
.s_tuition .flex > div {min-width: 230px; max-width: 230px; padding: 1rem .8rem}
.s_tuition.certificates .flex > div{margin: 0 0.4rem}
.s_tuition .button{background-color:#C64027; color: #fff; border: none !important; margin:1rem 0 0}
.s_tuition .compare {max-width: 50rem}
.s_tuition .disclaimer{color: #525252}

.s_awards {background: #fff; padding: 0 0 3rem 0}
.s_awards .flex {max-width:640px}
.s_awards .flex > div {min-width: 284px; max-width: 284px; padding: 1rem 2rem}
.s_awards .flex > div img {width: 244px}
.s_live-chat {
	position: absolute;
    margin: -3.8rem auto 0 auto !important;
    width: 100%;
}
.s_live-chat .flex {
	min-width: 37rem;
	max-width: 37rem;
	height: 14rem;
    background-color: #F4F5F9;
	align-items: center;
	border-radius: 10px;
}
.s_live-chat .flex > div:nth-child(2) {min-width:16.125rem}
.s_live-chat h2 {
	line-height: 1.9rem;
    width: 13rem;
	text-align:left;
}
.s_live-chat .icon-panel.widget:last-child {margin-bottom:0}
.s_live-chat .widget-title {font-weight:bold; text-align:center; text-transform: uppercase}
.s_live-chat .rfi-form {text-align: center}
.s_why-hbu {
	background: #13213C url('assets/img/blue-bg-gradient.png');
	background-repeat: repeat-x;
	background-position: top center;
	padding: 10rem 0 0 0;
	min-height: 36rem;
}
.s_why-hbu .container, .s_why-hbu h2, .s_why-hbu h3 {color: #fff; font-weight: normal}
.s_why-hbu h3 {padding:1rem 0 .2rem}
.s_why-hbu hr {border:1px solid #3C5A7C; width: 22rem; margin-top:0;margin-bottom:0}
.s_why-hbu .logos {max-width: 640px}
.s_why-hbu .logos > div {padding: .5rem 2rem}
.s_why-hbu .icons > div {color: #fff; flex-grow:1; flex-basis: 50%; }
.s_why-hbu .icons > div > div {min-width: 14rem; flex-grow: 1; flex-basis: 25%; padding: .5rem .4rem; }
.s_why-hbu .icons .desc {font-size: .95rem; text-align: left}

.s_testimonials {background: #fff}
#content .s_testimonials .container {max-width:50rem}
.s_testimonials header {padding: 1rem 1rem 0 1rem}
.s_testimonials .widget {padding:0 1rem 1rem 1rem}
.owl-carousel-play .owl-item{padding:0 5px}
.testimonials-wrap .testimonial-content{background:#17223B;color:#fff;border:none}
.testimonials-wrap .testimonial-content:before,.testimonials-wrap .testimonial-content:after{ top:calc(100% - 1px);border-top-color: #17223B}
.testimonials-wrap .testimonial-content p{font-size:1rem}
.testimonials-wrap .testimonial-content p:after, .testimonials-wrap .testimonial-content p:before{color:#DE4A26}
.testimonials-wrap .columns {text-align:left}


/* UG/GR/Doctoral Degrees Page */
.online-degrees-content h1 {text-align:center}
.online-degrees-content #main > .container {
	max-width: 50rem;
	padding: .5rem 1rem;
}
.online-degrees-content #main>.container>.hentry>.entry-content {text-align: center}

#content .s_degreeslist .container {max-width:75rem}

.s_degreeslist .dlink {
	padding: 0 0 1rem;
	flex: 0 24%;
	width: calc(24% - 54px);
	min-width: 15rem;
	display: block;
	box-sizing: border-box;
	margin: 6px;
	position: relative;
	text-decoration: none;
	cursor: pointer;
	border: 1px solid #EAEAEA;
	text-align: center;
}
.s_degreeslist.s_certlist .dlink {padding:0}
.s_certcontent>.entry-content {max-width: 55rem;margin: 0 auto;padding: 0 0.625rem}
.s_degreeslist .dlink::before {
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: inset 0 0 0 0 #C64027;
    z-index: 9;
    content: "";
    -webkit-transition: all .2s ease-out;
    transition: all .3s ease-out;
}

.s_degreeslist .dlink:hover::before{
	-webkit-box-shadow: inset 0 0 0 4px #C64027;
	-moz-box-shadow: inset 0 0 0 4px #C64027;
	-ms-box-shadow: inset 0 0 0 4px #C64027;
	-o-box-shadow: inset 0 0 0 4px #C64027;
	box-shadow: inset 0 0 0 4px #C64027;
}

.s_degreeslist .entry-title {
	margin: .6rem 0 .6rem;
	padding: 0 3%;
	font-family: "Josefin Sans";
	font-size: 1.15rem;
	font-weight: bold;
	color: #C64027;
	line-height: 1.1;
	letter-spacing: -1px;
	text-align: center;
}

.s_degreeslist .entry-content {
	font-size: .9rem;
	font-weight: normal;
	color: #222;
    line-height: 1.4;
	padding: 0 6%;
	text-align: left;
}

.flex-dummy {
  height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  border: none !important;
}

/* Programs Page */
.online-program-content h1,.online-program-content .h1 {
	letter-spacing:-1px;
	color: #C64027;
}
.online-program-content .online-container{max-width: 70rem;margin:0 auto;padding:0 .625rem}
.online-program-content .content-area{padding:0 .625rem}
.online-program-content .widget-area{padding:0 .625rem}
.online-program-content article.page.hentry,.online-degrees-content article.page.hentry{background:transparent;padding:0 1rem}
.program_page_cta.s_bluebefore{background:#17223B}
.program_page_cta.s_bluebefore:before{height:.5rem}
.program_page_cta{min-height:22.8896rem;clear:both}
.program_page_cta .container{max-width: 60rem; padding: 1.4rem 0}
.program_page_cta .box {
	background-color: #17223B;
	width: 19.2rem;
	min-width: auto;
	margin: .4rem;
	padding: 2rem 0;
	text-align: center;
	box-sizing: border-box;
	position: relative;
	text-decoration: none;
	cursor: pointer;
	color: #fff;
}

.program_page_cta .box::before{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	box-shadow: inset 0 0 0 0 #469CD0;
	z-index: 9;
	content: "";
	-webkit-transition: all .2s ease-out;
	transition: all .3s ease-out
}

.program_page_cta .box .title{font-family: "Josefin Sans"; font-size:1.3rem}
.program_page_cta .box .text{font-weight:normal}

.program_page_cta .box:hover::before,.program_page_cta .box:focus::before{
	-webkit-box-shadow: inset 0 0 0 5px #469CD0;
	-moz-box-shadow: inset 0 0 0 5px #469CD0;
	-ms-box-shadow: inset 0 0 0 5px #469CD0;
	-o-box-shadow: inset 0 0 0 5px #469CD0;
	box-shadow: inset 0 0 0 5px #469CD0;
}

.online-program-content .section__content_section .container{max-width:60rem}
.online-program-content .section__content_section .hentry {background: transparent}
.s_accreditation .flex{justify-content:flex-start;align-items:center}
.s_accreditation .logo img {width:180px}
.s_accreditation .text{padding-left:1rem}

.InlineExpandingList,.InlineExpandingList .ExpandingListItem,.InlineExpandingList .ExpandingListTitle{display:inline-block}
.InlineExpandingList .ExpandingListTitle{padding:.5rem 1.5rem .5rem 0;margin:0}
.InlineExpandingList .ExpandingListTitle:after{-webkit-font-smoothing:antialiased;content:"\276f";position:absolute;top:.65rem;margin-left: 1rem;font-size:1.4875rem;font-weight:bold;transform:rotate(90deg)}
.InlineExpandingList .ExpandingListTitle[aria-expanded="true"]:after{transform:rotate(-90deg);margin-left: 1.1rem}

@media only screen and (max-width:33.125em){
	.home h1,.home .h1,.home h2,.home .h2,.home .s_why-hbu .icons .desc{text-align:center}
	h1,.h1,.h1small{font-size:1.5rem}
	h2,.h2{font-size:1.4rem}
	.online-program-content article.page.hentry, .online-degrees-content article.page.hentry{padding:0}
	.pad{padding: 2rem 1rem}
	.online-degrees-content .row .row {margin:0}
	.s_countdown h2{font-size:1.5rem!important}
	#countdown .count{min-width:50%}
	#countdown #minutes, #countdown #seconds{padding-top:1rem}
	.s_testimonials .widget-title{margin:0 -2rem 2rem}
	.s_tuition .button, .s_tuition .mar-bottom {margin:.6rem 0 0 0}
	.s_tuition .buttons.flex{margin:1rem auto 2rem}
}

/* Override Husky theme */
@media only screen and (min-width: 40.0625em) {
	.section__page-header .page-header-content{margin-top: 1rem}.snav .menu{background-color:#17223B !important}
	h2, .h2 {font-size: 2rem; letter-spacing:-2px}
}

@media only screen and (max-width:40.25em){
	.columns.columnpad:first-child,.columns.columnpad:last-child {padding:0}
	.s_request-info .flex {flex-wrap:wrap}
	.s_request-info .flex > div {flex-basis:100%}
	.s_request-info .flex .pad-right {padding-right:0}
	.s_live-chat {position:relative}
	.s_live-chat .container {height:23rem}
	.s_live-chat h2 {width:100%;margin:0 auto 3rem auto;text-align:center;padding-left:0}
	.s_live-chat .flex {min-width: 100%;height:auto;flex-wrap:wrap}
	.s_why-hbu {padding:0}
	.s_accreditation .flex {flex-wrap:wrap;justify-content:center!important}
	.s_accreditation .text{padding-top:1rem;padding-left:0!important}
	.s_degreeslist .dlink {flex: 1 100%}
}

@media only screen and (max-width:40.95em){
	.home .rfi-link{display:none}
	.program_page_cta .flex{flex-wrap: wrap;padding:0 .8rem}
	.program_page_cta .box{display:flex;align-items:center;flex:1;min-width:100%;height:5.75rem;margin:.4rem .8rem;padding:1rem;text-align:left}
	.program_page_cta .box>div{flex:0 15%}
	.program_page_cta .box img{max-height:60px}
	.program_page_cta .box>.content{flex:1;padding-left:1.5rem}
	.program_page_cta .box .pad-top{padding-top:0}
}

@media only screen and (max-width:44.15em){
	.s_tuition .buttons.flex > div {padding: 1rem .8rem 0 .8rem}
}

@media only screen and (max-width:62.5em){
	.home #main .container {padding-left:1rem; padding-right:1rem}
	.program_page_cta {min-height: 18.8896rem}
	.program_page_cta .box img{zoom: .8}
}

@media only screen and (max-width:66.875em){
	.degrees-boxes > div > div {
		max-width: 100%;
	}
}

@media print {
	.top-button, .page-header-content .page-title a, .online-logo, .quick-links-menu, .section__snav, .section__breadcrumbs, .post-thumbnail, .program_page_cta, .s_testimonials {display: none}
	.section__page-header .page-header {height: 1rem;}
	.hentry .site-content .entry-title, .site-content .hentry .entry-title, .site-content h1, .h1 {font-size: 3rem !important;}
	@page {size: auto;margin: 0;}
	html, body {
        width: 188mm;
        height: 282mm;
        font-size: 12px;
        background: #FFF;
        overflow: visible;
    }
}