/*
Theme Name: TheGem Child
Description: Multi-Purpose Wordpress Theme
Author: Codex Themes.
Theme URI: http://codex-themes.com/thegem/
Author URI: http://codex-themes.com/thegem/
Template: thegem
Version: 1.0
Tags: one-column, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, theme-options, translation-ready, dark, light
License: GNU General Public License
License URI: license.txt
*/


html {
	background-color:  #271D67;
}


.header-style-3 #primary-menu.no-responsive > li.menu-item-current > a, .header-style-3 #primary-menu.no-responsive > li.menu-item-active > a, .header-style-4 #primary-menu.no-responsive > li.menu-item-current > a, .header-style-4 #primary-menu.no-responsive > li.menu-item-active > a, .header-style-3.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-current > a, .header-style-3.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-active > a, .header-style-4.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-current > a, .header-style-4.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-active > a {
	border: 2px solid #EC008C!important;
}

h1, .title-h1 {
	margin: 0 0 10px 0!important;
}

h2, .title-h2 {
	margin: 0 0 10px 0!important;
}

h4, .title-h4 {
	margin: 0 0 10px 0!important;
}

h4, .title-h4 {
	margin: 0 0 10px 0!important;
}

.logic-title-container .title-background-container {
	background-color: #000;
}

.logic-title-container .fullwidth-block-background {
	opacity: 0.6!important;
}

.page-grid-single  {
	background-color: rgba(0, 0, 0, 0.286);
  background-blend-mode: overlay;
}

#page:not(.vertical-header) #site-headerNOT {
	border-bottom: 1px solid #EC008C;
}


.wpb_text_column ul li::before {
	height: 8px!important;
	width: 8px!important;
	background-color: #271D67!important;
	left: -22px!important;
}

#footer-navigation, #footer-navigation li a, .custom-footer, .custom-footer li a {
	color: #fff!important;
}


.vc_tta-color-blue.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {
	background-color: #271D67!important;
	border-color: #3F30A9!important;
}

.vc_tta-color-blue.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:hover {
	background-color: #3F30A9!important;
	border-color: #3F30A9!important;
}

.vc_tta-color-blue.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title > a {
	color: #eee!important;
}

.vc_tta-color-blue.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after, .vc_tta-color-blue.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before {
	border-color: #eee!important;
}

input[type="text"], input[type="password"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="number"], input[type="range"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="month"], input[type="week"], .gform-theme--foundation .gfield textarea.large {
	padding: 10px 20px!important;
}

.button.gform_button {
	background-color: #271D67!important;
	padding: 15px 20px!important;
	border-color: #382B99 !important;
}

.wpcf7 input[type="submit"]:not(.gem-button-wpcf-custom) {
	background-color: #271D67!important;
	padding: 15px 30px!important;
	border-color: #382B99 !important;
	height: auto;
	width: auto;
}

.wpb_single_image .vc_box_border.vc_box_border_pink, .wpb_single_image .vc_box_border_circle.vc_box_border_pink {
	background-color: #EC008C!important;
}

.wpb_single_image .vc_single_image-wrapper.vc_box_border, .wpb_single_image .vc_single_image-wrapper.vc_box_border_circle {
	padding: 2px!important;
}

#ui-datepicker-div {
	padding: 15px;
	background: #271D67;
	border: none;
	z-index: 1119999 !important;
	margin-left: -25px;
	color: #fff;
	box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.5);
}

#ui-datepicker-div a, #ui-datepicker-div a:visited {
	color: #fff;
}

.gravity-theme.ui-datepicker .ui-datepicker-header select.ui-datepicker-month {
	color: #fff!important;
	background: #271D67!important;
	padding: 8px;
	font-size: 16px!important;
	margin-top: 5px;
}

.gravity-theme.ui-datepicker .ui-datepicker-header select.ui-datepicker-month option {
	font-family: Montserrat!important;
	font-size: 16px!important;
}


.gravity-theme.ui-datepicker .ui-datepicker-header select.ui-datepicker-year {
	color: #fff!important;
	background: #271D67!important;
	padding: 8px;
	font-size: 16px!important;
}

.gravity-theme.ui-datepicker .ui-datepicker-header select.ui-datepicker-year option {
	font-family: Montserrat!important;
	font-size: 16px!important;
}

.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
	margin-left: 25px;
}

.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
	margin-right: 20px;
}

.gravity-theme.ui-datepicker .ui-datepicker-calendar th span {
	color: #fff!important;
}

.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-state-disabled .ui-state-default {
	background: #271D67!important;
	color: #271D67!important;
}

body .breadcrumbs .current {
	color: #EC008C!important;
	border-bottom: 3px solid #EC008C!important;
}

body .breadcrumbs a:hover {
	color: #EC008C!important;
}

.main-menu-item:hover a, a.main-menu-item:hover, #primary-menu.no-responsive > li:hover > a {
	color: !important;
}

.main-menu-item:hover a, a.main-menu-item:hover, #primary-menu.no-responsive > li:hover > a {
	color: #EC008C!important;
}

.custom-footer .gem-list a:hover {
	color: #EC008C!important;
}

.wpb_text_column ul.course-outline {
    list-style-type: none!important;
    margin-left: 0;
    padding-left: 1em;
}

.course-outline-blue-folder {
	margin: 0 0 5px 35px!important;
	display: block!important;
	clear: both!important;
}

.course-outline-blue-folder:before {    
    font-family: 'FontAwesome';
    content: '\f07c';
    margin:0 5px 0 -30px;
    color: #271D67;
	font-size:14px;
	display: block;
	float: left;
}

.course-outline-pink-folder {
	margin: 0 0 5px 35px!important;
	display: block!important;
	clear: both!important;
}

.course-outline-pink-folder:before {    
    font-family: 'FontAwesome';
    content: '\f07c';
     margin:0 5px 0 -30px;
    color: #EC008C;
	font-size:14px;
	display: block;
	float: left;
}

.course-outline-blue-blue-academic-cap {
	margin: 0 0 5px 35px!important;
	display: block!important;
	clear: both!important;
}

.course-outline-blue-blue-academic-cap:before {    
    font-family: 'FontAwesome';
    content: '\f19d';
     margin:0 5px 0 -30px;
    color: #271D67;
	font-size:14px;
	display: block;
	float: left;
}



.requirement-icon {
	margin: 0 0 5px 35px!important;
	display: block!important;
	clear: both!important;
}

.requirement-icon:before {    
    font-family: 'FontAwesome';
    content: '\f00c';
     margin:0 5px 0 -30px;
    color: #271D67;
	font-size:14px;
	display: block;
	float: left;
}

#site-header .primary-navigation .menu-item-logo {
	padding: 0 80px !important;
}

.header-background  {
	background: transparent !important;
	border-bottom: 1px solid rgba(236,0,140,0.5);
}

.vc_tta.vc_general.vc_tta-tabs .vc_tta-panel-body {
	padding-top: 20px!important;
}

.vc_btn3.vc_btn3-style-modern {
	background-image: -webkit-linear-gradient(top, rgba(57,44,154,0.1) 0%, rgba(57,44,154,0.1) 100%)!important;
	background-image: -o-linear-gradient(top, rgba(57,44,154,0.1) 0%, rgba(57,44,154,0.1)) 100%)!important;
	background-image: linear-gradient(to bottom, rgba(57,44,154,0.1) 0%, rgba(57,44,154,0.1)) 100%)!important;
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33ffffff', endColorstr='#03ffffff', GradientType=0);
}

.vc_btn3.vc_btn3-color-primary.vc_btn3-style-modern:hover, .gform_button.button:hover  {
    color: #FFFFFF;
    border-color: #EC008C!important;
	background-color: #EC008C!important;
}

.vc_btn3.vc_btn3-color-primary.vc_btn3-style-modern, .gform_button.button {
    color: #FFFFFF;
	background-color: #392C9A!important;
}

.vc_btn3.vc_btn3-color-primary.vc_btn3-style-modern {
	border-color: #392C9A!important;
}

h4.vc_tta-panel-title {
	margin: 0!important;
}

#apply-bootom-right {
	position: fixed;
    bottom: 0;
    right: 0;
    width: 154px;   /* same size as your image */
    height: 154px;
    z-index: 1000;

    /* Background image (your triangle) */
    background: url("images/apply-triangle.png") no-repeat;
    background-size: cover;

    /* Make the clickable area triangular */
    -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
	}
	
#apply-bootom-right:hover {
    background: url("images/apply-triangle2.png") no-repeat;
}

.clearboth {
	clear:both;	
}

.overflowauto {
	overflow: auto;
	clear:both;	
}

.video-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 ratio */
  height: 0;
  overflow: hidden;
  max-width: 100%;
  background: #000;
  border-radius: 8px;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.thegem-te-post-navigation:not(.post-label--hide) .post-navigation .post-title, .thegem-te-portfolio-navigation:not(.post-label--hide) .post-navigation .post-title {
	margin-top: 0px;
}

.meta-nav .post-label {
	line-height: 18px!important;
}

.meta-nav .post-title {
  margin-top: 0px!important;
}

#rev_slider_10_1_wrapper .corporatetabs .tp-tab-text {

	font-weight: 800!important;

}

#primary-navigation .menu-toggle .menu-line-1, #primary-navigation .menu-toggle .menu-line-2, #primary-navigation .menu-toggle .menu-line-3, #perspective-menu-buttons.primary-navigation .menu-toggle .menu-line-1, #perspective-menu-buttons.primary-navigation .menu-toggle .menu-line-2, #perspective-menu-buttons.primary-navigation .menu-toggle .menu-line-3 {
	background-color: #fff!important;
}

.ecs-event-list {
	margin: 0!important;
	padding: 0!important;
	overflow: hidden;
}

.wpb_text_column .ecs-event ul li::before {
	height: 0px !important;
	width: 0px !important;
	background-color:#ff000000 !important;
	left: -22px !important;
}

.ecs-event-list li {
	margin-bottom: 10px;
}

.ecs-event-list h4 {
	font-size: 20px;
	margin: 0!important;
	line-height: 20px;
}

.blog-style-classic-tiny .gem-news-item-title.main-menu-item {
	font-size: 20px;
	margin: 0!important;
	line-height: 20px;
}

.blog-style-classic-tiny .gem-news-item-title.main-menu-item a:hover {
	color: #384554!important;
}

.blog-style-compact-tiny-1 article.with-separator, .blog-style-classic-tiny article.with-separator {
	padding-bottom: 0px!important;
	border-bottom: none!important;
}

.gem-news-carousel-wrap .gem-news-item-image {
	display: none;
}

.principals-blog .gem-news-item-right {
	text-align: center;	
	margin: 0 auto;
	display: block;
}

.principals-blog .gem-news-item-right .gem-news-item-title {
	font-size: 20px;
  line-height: 20px;
  font-style: normal;
  font-weight: 700;
}

.footer-column {
		min-height:250px!important;
	}
	
body .vc_grid-container ul.vc_grid-filter {
	margin-bottom: 30px!important;
}


#rev_slider_10_1_wrapper {
	left: 0!important;
	Right: 0!important;
}

.portfolio-filters-list:not([data-breakpoint]).style-standard:not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown) .widget-title {
	border: 1px solid #EC008C!important;
}

.portfolio-filters-list .portfolio-show-filters-button  {
	border: 1px solid #EC008C!important;
}


@media (min-width: 980px) and (max-width: 1212px) {
	#site-header .header-main:not(.no-menu) .site-title a img.small, #site-header .menu-item-logo {
		display: inline-block!important;
		width: 500px!important;
	}
}

@media (min-width: 992px) {

	.portfolio-filters-list:not([data-breakpoint]).style-standard:not(.single-filter) .widget-area {
		justify-content: center;
	}
	
	.portfolio-selected-filters {
		justify-content: center;;
	}

}

@media (max-width: 991px) {
	
	.portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar, .style-standard) .portfolio-filters-area-scrollable .portfolio-filter-item .widget-title {
		display: none!important;
	}

}

@media screen and (max-width: 800px) {
  	#apply-bootom-right {
		width: 154px;   /* same size as your image */
		height: 154px;
  	}
  	#apply-bootom-right:hover {
    	background: url("images/apply-triangle2.png") no-repeat;
		background-size: cover;
		width: 154px;   /* same size as your image */
		height: 154px;
	}

}


@media screen and (max-width: 500px) {
	#site-header .site-title a img.small, #site-header .menu-item-logo a img.small {
 		width: 200px!important;
	}
}