/*
 Theme Name:   U-design Child Theme
 Theme URI:    https://moccanada.ca/u-design-child/
 Description:  Manual Osteopathy College of Canada
 Author:       Daniel Glatiotis
 Author URI:   http://moccanada.ca/
 Template:     u-design
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Tags:         Manual Osteopathy College of Canada
 Text Domain: u-design-child
*/
/*
color sets
Main Blue: #59afe1;
Banner Green: #73bf43;
Title Green: #96cf71;
*/
/* type sets */
p{
    /*font-family: 'Open Sans',"Helvetica Neue", Helvetica, Arial, sans-serif;*/
    font-family: HelveticaNeueLight,Helvetica,Helvetica,Arial,sans-serif;
	/*font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;*/
    font-size: 18px;
    font-weight: 300;
    line-height: 1.625;
}

h1{
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #000000;
}


.pagetitle{
	font-family: HelveticaNeueLight,Helvetica,Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	text-align: left;
	font-size:3.3em;
	font-weight: 200!important;
	padding-top: 25px!important;
	color: #000000!important;
}

.widgettitle{
	font-size:1.4em !important;
}

.round-image{
	border-radius: 50%;
	vertical-align: middle;
}

.round-image-faculty{
	border-radius: 50%;
	vertical-align: middle;
	float: left;
	padding: 0px 10px 10px 0px;

}



#secondary-navigation-bar-content a{
	color:#fff !important;
}

#main-top-menu{
	margin-left: 0px !important;
}

#top-wrapper{
    background-size: contain !important;
}

.socialmenu-header{
    text-align: right !important;
    width: 100% !important;
}

.socialmenu-footer{
    text-align: left !important;
    width: 100% !important;
    padding-top: 5px!important;
}

#topmenu a{
	color:#ffffff!important;
}
#topmenu a:hover{
	color:#000000!important;
}

#topmenu-2{
	text-align: right !important;
}

#topmenu-2 a{
	color:#ffffff!important;
}
#topmenu-2 a:hover{
	color:#000000!important;
}

.u-design-fixed-menu-on.fixed-menu #main-menu{
	background-color: #B9D8A5 !important;
}

@media screen and (max-width: 375px){

	#topmenu{
		clear-after: both !important;
		text-align: center !important;
	}


	#topmenu a{
		color:#ffffff !important;
		text-align: center !important;
	}

	#topmenu a:hover{
		color:#999199!important;
	}

	#topmenu-2 {
		text-align: center !important;
		padding: 0px !important;
	}

	#topmenu-2{
		clear-after: both !important;
	}
	}

	#topmenu-2 a{
		color:#ffffff !important;
	}

	#topmenu-2 a:hover{
		color:#999199!important;
	}
}
@media screen and (max-width: 480px){

	.mobile-break{
		clear: both !important;
	}

	#topmenu{
		width: 380px !important;
		clear: both !important;
	}

	#topmenu a{
		color:#ffffff!important;
	}

	#topmenu a:hover{
		color:#999199!important;
	}

	#topmenu-2 {
		text-align: center !important;
		padding: 0px !important;
	}

	#topmenu-2{
		clear-after: both !important;
	}
}

	#topmenu-2 a{
		color:#ffffff !important;
	}

	#topmenu-2 a:hover{
		color:#999199!important;
	}

	.round-image-faculty{
		display: block;
		margin-right: auto;
		margin-left: auto;
		border-radius: 50%;
		vertical-align: middle;
		float: none;
		padding-bottom: 10px;

    }

    .socialmenu-header{
    text-align: center !important;
    width: 100% !important;
    padding: 3px !important;
    }

    .socialmenu-footer{
    text-align: left !important;
    width: 100% !important;
    padding-top: 3px!important;
    }

}

/* iPad Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	#topmenu{
		display: none !important;
	}
}

/* iPad Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
	#topmenu{
		display: none !important;
	}
}

/* form styles */
/* quick connect */
.form-background {
  padding: 25px;
  width: 90%;
  height: 700px;
  -webkit-border-radius: 8px/7px;
  -moz-border-radius: 8px/7px;
  border-radius: 8px/7px;
  background-color: #ebebeb;
  -webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.31);
  -moz-box-shadow: 1px 2px 5px rgba(0,0,0,.31);
  box-shadow: 1px 2px 5px rgba(0,0,0,.31);
  border: solid 1px #cbc9c9;
}

.quick-connect-shadow{
-webkit-box-shadow: -1px 4px 18px -3px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 4px 18px -3px rgba(0,0,0,0.75);
box-shadow: -1px 4px 18px -3px rgba(0,0,0,0.75);
border-collapse: separate;
}


th, td {
    padding: 15px;
}

/*end quick connect*/

/* VC - Accordian Panels start */

.vc_tta-panel-heading{
	background-color: #5F8B67 !important;

}

.vc_tta-title-text{
	color: #ffffff!important;
}

.vc_tta-panel-body{
	color: #000!important;
}

.program-icons{
	color: #ffffff;
}

/* VC - Accordian Panels end */

/* hide top menu locations on mobile */
@media screen and (max-width: 480px){

/* form styles */
/* quick connect */
.form-background {
  padding: 0px 3px 0px 3px;
  width: 260px;
  height: 100%!important;
  -webkit-border-radius: 8px/7px;
  -moz-border-radius: 8px/7px;
  border-radius: 8px/7px;
  background-color: #ebebeb;
  -webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.31);
  -moz-box-shadow: 1px 2px 5px rgba(0,0,0,.31);
  box-shadow: 1px 2px 5px rgba(0,0,0,.31);
  border: solid 1px #cbc9c9;
}

/*#page-content-title { background: url("") repeat-x scroll center top #00000; }*/

#top-contact-container{
	display:none; }
}


#top-contact-container{
	width:620px;
	text-align:right;
}

.contact-link{
	font-size:16px;
}

.call-today{
	font-size:20px;
	color:#fff;
}

.contact-apply{
	text-align:right;
	padding-top: 20px;
}

.campus-title{
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 25px;
}

.campus-locations-top{
	width:100%;
}

.wpb_content_element{
	margin-bottom: 5px !important;
}

#main-top-menu{
	margin-left: 0px !important;
}

#main-menu{
	text-transform: uppercase;
	margin-left:auto;
	margin-right:auto;
	/*width:1140px;*/
	width: 100%;
	-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.75);
}

#home-page-content #content-container{
	padding: 0px 0px !important;
}

#content-container{
	background-color: #FFFFFF !important;
    width: 90%;
	margin-left:auto !important;
	margin-right:auto !important;
}

#sidebar{
	background-color: #FFF !important;
}

/* Slider Revolution */
#rev-slider-header{
	padding-bottom: 3px;
}

#slider-1-layer-4{
	-webkit-box-shadow: 0px 6px 29px -5px rgba(0,0,0,0.65) !important;
    -moz-box-shadow: 0px 6px 29px -5px rgba(0,0,0,0.65) !important;
     box-shadow: 0px 6px 29px -5px rgba(0,0,0,0.65) !important;
}

/* button styles - use custom colors for visual composer */

.vc_btn3-color-default{
	background-color: #dbbe06 !important;
}

a.vc_btn3-color-default:hover{
	background-color: #cccccc !important;
}


/* widget styles */
.banner-fixed{
	position: fixed;
	top: 30%;
}

@media only screen and (max-width: 480px) {
	.banner-fixed {
		position: relative;
	    bottom: 0;
	}
}
/* clinic schedule widget */
/*  SECTIONS  */
.section {
	clear: both;
	padding: 5px;
	margin: 0px	0px	10px 0px;

}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
	background-color:rgba(229,229,229,0.85);
	width: 100%;
}
.col:first-child { margin-left: 0; }

.bg-heading {background-color:#73BF43;
	color: #ffffff;
}
.bg-title{background-color: #59AFE1;
	color: #fff;
}

.bg-1{background-color: #B5AEAF;}
.bg-2{background-color: aliceblue;}

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWO  */


.span_2_of_2 {
	width: 100%;
}

.span_1_of_2 {
	width: 49.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_2_of_2 {
		width: 100%;
	}
	.span_1_of_2 {
		width: 100%;
	}
}

 /*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.13%; }
.span_1_of_3 { width: 33.333%; }

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 33.33%; }
}

/* 2 columns for admission requirements */
ol.admission {
	list-style-type: lower-alpha;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

.gallery-align-center{
	margin-left:10%;
}

@media only screen and (max-width: 480px) {
	.gallery-align-center{
		margin-left: 20%;
	}
}