/*
Theme Name: boost. Custom Framework
Theme URI: http://boostbydesign.com
Description: Boost by Design Custom CSS3, HTML5 boilerplate framework.
Author: Boost by Design
Author http://boostbydesign.com
Template: Total
Version: 1.6.0
*/
/***************************** CSS MEDIA QUERY FORMATTING **********************************

For Typography updates please go to line: 58
For Typography media queries please go to line: 110

For media queries best practice please use mobile first and min-width media queries.
Please use our standard media query sizes: ;
320px
414px
768px
1366px
1920px
2560px

For example:
@media screen and (min-width:320px){

	.some-class-name {}

} // end of media query 320px

@media screen and (min-width:414px){

	.some-other-class-name {}

} /* end media query  414px */

/** Use typography media queries only where line 110 is. class based can be placed directly below it. **/
/*******************************************************************************************/
/**********
01 Global fonts
02 Global colors
03 UX Elements
04 Header
05 Menu
06 Slider/Hero Image
07 Essential Grid
08 Gravity Forms
09 Sidebar
10 Blog
11 Footer
12 Media Queries
**********/

/***
10px = 0.625rem
12px = 0.75rem
14px = 0.875rem
16px = 1rem (base)
18px = 1.125rem
20px = 1.25rem
24px = 1.5rem
30px = 1.875rem
32px = 2rem
36px = 2.25rem
40px = 2.5rem
48px = 3rem

**/

/********** 01 Global fonts **********/

html {
  font-size: 12px;
}
/*** Example media query changing font
@media (max-width: 900px) {
  html { font-size: 15px; }
}
*/
#site-header{
  font-size: 1.5rem;
}
#primary{
  font-size:1.25rem;
}
#footer {
  font-size: 0.75rem;
}
#footer-callout-wrap{
  font-size: 1.5rem;
}
#sidebar {
  font-size: 0.95rem;
}

body{
	font-size: 1em
}

h1, h2 {
    font-size: 2em;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    line-height: 60px;
    color: #78292B;
}

h3 {
    font-size: 1.5em;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold !important;
    color: #78292B;

}

h4 {
    font-size: 1em;
    color: #78292B;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 900;
}

h5, h6 {
  font-size: 1em

}

h6 {
  font-size: 0.85em

}
p {
    font-family: 'Cormorant Garamond', serif;
    color: #262626;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
}
@media only screen and (max-width:960px){

    p{
        font-size:22px !important;
    }
}
/** font media queries **/
@media (min-width: 1px) and  (min-width:320px){
  html {
    font-size:16px;
  }
	}/* end media query */
@media (min-width: 321px) and  (max-width:414px){
  html {
    font-size:18px;
  }
}/* end media query */
@media (min-width: 415px) and  (max-width:768px){
  html {
    font-size:16px;
  }
}/* end media query */
@media (min-width: 769px) and  (max-width:1366px){
  html {
    font-size:18px;
  }
}/* end media query */
@media (min-width: 1367px) and (max-width:1920px){
  html {
    font-size:20px;
  }
}/* end media query */
@media (min-width: 1921px) and  (max-width:2560px){
  html {
    font-size:20px;
  }
}/* end media query */
.italic {font-style:italic;}
.light {font-weight:400;}

/********** 02 Global colors **********/
.main-red-color{color: #78292B;}
.copy-black-color{color: #262626;}
 

a{
    color: #78292B;
    text-decoration: underline;
    font-family: 'Cormorant Garamond', serif;
    font-weight: bold;
}
a:hover{
    color: #262626 !important;
    text-decoration: underline;
    font-weight: bold;
}
.center{
  text-align:center;  
}
.spacedUL li {
    margin-bottom: 20px;
    font-style: italic;
    font-family: 'Cormorant Garamond', serif;
    color: #262626;
}
/********** 03 UX Elements **********/

.red-button button {
    background-color: #78292b !important;
    background-image:  none !important;
    border-radius: 40px !important;
    color:  white !important;
    font-family: 'Cormorant Garamond', serif;
    font-size: 25px !important;
    font-weight: 700 !important;
    padding: 20px 30px !important;
    border: 3px solid #78292b !important;
}

.red-button button:hover{
    background-color: transparent !important;
    border: 3px solid #78292b !important;
    color:#78292b !important;
    padding: 20px 30px !important;
}

.red-button a {
    background-color: #78292b !important;
    background-image:  none !important;
    border-radius: 40px !important;
    color:  white !important;
    font-family: 'Cormorant Garamond', serif;
    font-size: 25px !important;
    font-weight: 700 !important;
    padding: 20px 30px !important;
    border: 3px solid #78292b !important;
}

.red-button a:hover{
    background-color: transparent !important;
    border: 3px solid #78292b !important;
    color:#78292b !important;
    padding: 20px 30px !important;
}


.red-button{

}

.red-button:hover{

}

.black-button{

}

.black-button:hover{

}

.outline-button{

}

.outline-button:hover{

}
/********** 04 Header **********/

#site-logo img {
    z-index: 9999 !important;
}

div#top-bar-wrap {
    background: rgb(120,41,43) !important;
    background: linear-gradient(106deg, rgba(120,41,43,1) 39%, rgba(101,29,31,1) 59%) !important;border-bottom:  none !important;
}
div#site-header-inner {
    padding-bottom: 0px;
    padding-top: 0px;
}

div#site-logo-inner {
    position:  relative;
    top: -20px;
}

#site-navigation a {
    font-family: 'Lora', serif;
    font-size: 20px;
    margin-left: 13px;
    margin-right: 13px;
}

#site-navigation a:hover {
color: rgba(255, 255, 255, 0.77) !important;
}


#site-header.header-one.wpex-full-width, #site-header.header-five.wpex-full-width {
    padding-left: 6% !important;
    padding-right: 6% !important;
}

#top-bar a {
    color:  rgba(255, 255, 255, 0.77);
    font-family: 'Lora', serif;
    font-size: 18px;
    text-decoration: none;
}

#top-bar a:hover {
  color: white !important;
}

#top-bar-content span.fa.fa-lock {
    font-size:  18px;
    color: rgba(255, 255, 255, 0.77);
    padding-left: 24px;
    border-left: rgba(255, 255, 255, 0.77) solid 2px;
}
#site-navigation .dropdown-menu ul {
    border: none !important;
    width: 100% !important;
    text-align:  center;
}

#site-navigation .dropdown-menu ul li {
    width: 100% !important;
}

#site-navigation .dropdown-menu ul a {
    border-bottom: none !important;
    margin: 0px !important;
    font-size: 20px !important;
}

@media only screen and (max-width:1250px){
  #site-header.header-one.wpex-full-width, #site-header.header-five.wpex-full-width {
    padding-left: 3% !important;
    padding-right: 3% !important;
}  
#site-navigation a{
    margin-left:8px !important;
    margin-right:8px !important;
}
}
@media only screen and (max-width:1100px){
#site-navigation a{
    margin-left:5px !important;
    margin-right:5px !important;
    font-size:18px;
}
}
@media only screen and (max-width: 959px){
#top-bar-wrap {
    display: none !important;
}
#site-logo img{
    width: 60%;
}
div#site-logo-inner {
    top: 0px;
}
#site-header.header-one.wpex-full-width, #site-header.header-five.wpex-full-width{
    padding-top:20px !important;
    padding-bottom:20px !important;
}

/*Mobile Menu*/
}
ul#sidr-id-menu-mobile {
    Font-size: 20px !important;
} 

.sidr-class-dropdown-menu ul a:before{
    content: "   " !important;
}

.wpex-mobile-menu a{
    text-decoration: none !important;
}

/********** 05 Home Page Menu **********/
.Home_Login a {
    font-size: 16px;
    text-align: center;
    -webkit-transform: rotate(36deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    position: relative;
    padding: 3px 0;
    left: 38px;
    top: 32px;
    width: 272px;
    color:  white !important;
    background-color: #78292B !important;
}

#site-header.overlay-header #site-header-inner {
    padding-top: 50px;
}

.Home_Login {
    width: 290px;
    height: 290px;
    top: -96px;
    left: 1024px;
}

.Home_Menu_Links a {
    color: #78292B !important;
}

.Home_Menu_Links .sub-menu a {
    color: white !important;
}
#site-navigation .Home_Menu_Links .sub-menu a:hover {    
color: rgba(255, 255, 255, 0.77) !important;
}
#site-navigation .Home_Menu_Links a:hover {
    color: #262626 !important;
}
@media only screen and (max-width:1550px){
    .Home_Login a {
    left:28px !important;
}
}
@media only screen and (max-width:1350px){
    .Home_Login a {
    left:18px !important;
}
}
@media only screen and (max-width:1250px){
    .Home_Login a {
    left:-20px !important;
}
}
@media only screen and (max-width:1140px){
    .Home_Login a {
    left: -49px !important;
    top: 20px;
}
ul#menu-home-menu{
    margin-right: -40px;
}
}
@media only screen and (max-width:1100px){
    .Home_Login a {
    left: -156px !important;
    top: 19px;
}
ul#menu-home-menu{
    margin-right: -153px;
}
}
@media only screen and (max-width:1000px){
    ul#menu-home-menu a{
    font-size: 17px !important;
    }
    ul#menu-home-menu{
    margin-right: -179px;
}
 .Home_Login a {
    left: -186px !important;
    top: 19px;
}
}
@media only screen and (max-width:960px){
#site-header.overlay-header #site-header-inner {
    padding-top: 0px;
}
}
#overlay-header-wrap #mobile-menu {
    top: 36% !important;
}
#overlay-header-wrap #mobile-menu .wpex-bars>span, #overlay-header-wrap .wpex-bars>span::before, #overlay-header-wrap #mobile-menu .wpex-bars>span::after{
    background-color: #78292B !important;
}
/********** 06 Slider/Hero Image **********/

/********** 07 Essential Grid **********/



/********** 08 Gravity Forms **********/
input#gform_submit_button_3 {
    color: #fff !important;
}

/********** 09 Sidebar **********/
.sidebar-box .widget-title{

}
.sidebar-box {

}

/********** 10 Blog **********/

/********** 11 Footer **********/
.site_footer {
    color: white;
}
.site_footer p {
    color: white;
    font-family: 'Roboto', sans-serif;
    font-weight:lighter !important;
    font-size:16px !important;
    float: right;
    
}
.site_footer a {
    color: white;
    text-decoration: none !important;
    font-family: 'Roboto', sans-serif;
    font-weight:lighter !important;
    font-size:16px !important;
}

.site_footer a:hover {
  color: rgba(255, 255, 255, 0.77) !important;
}

.site_footer ul {
    list-style-type: none;
}

.site_footer li {
    float: left;
    line-height: 20px;
}

li.link_right_line {
    margin-right: 19px;
    border-right: 1px solid white;
    padding-right: 19px;
}
ul.middle_footer_links {
    width: 331px;
    margin-left: auto;
    margin-right:  auto;
}

ul.left_footer_links {
    width: 223px;
    margin-left:  auto;
    margin-right:  auto;
}
.left_footer_links a {
    font-family: 'Cormorant Garamond', serif !important;
    font-weight: bold !important;
}
@media (max-width: 1000px){
.footer_column {
    width: 100% !important;
}
ul.middle_footer_links {
    padding-top: 50px !important;
    padding-bottom: 30px !important;
}
}
.footer-builder-content p {
    margin-bottom: 0px !important;
}
@media (max-width: 380px){
    ul.middle_footer_links a {
    font-size:14px !important;
}
li.link_right_line {
    margin-right: 16px;
    padding-right: 16px;
}
}
/**********Home Page******************/
.Home-Hero-Section {
    padding-top:350px !important;
    padding-bottom:350px !important;
}
@media only screen and (max-width:1650px){
.Home-Hero-Section {
    padding-top:300px !important;
    padding-bottom:300px !important;
}
}
@media only screen and (max-width:1460px){
.Home-Hero-Section {
    padding-top:270px !important;
    padding-bottom:270px !important;
}
}
@media only screen and (max-width:1340px){
.Home-Hero-Section {
    padding-top:250px !important;
    padding-bottom:250px !important;
}
}
@media only screen and (max-width:1280px){
.Home-Hero-Section {
    padding-top:200px !important;
    padding-bottom:200px !important;
}
}
@media only screen and (max-width:1160px){
.Home-Hero-Section {
    padding-top:170px !important;
    padding-bottom:120px !important;
}
}
@media only screen and (max-width: 980px){
.Home-Hero-Section .wpex-video-bg-wrap {
    display: none !important;
}
}
@media only screen and (max-width: 380px){
.Hero-Headline{
  font-size:2em !important;
}
}
/*hero buttons*/
.Home-Buttons a {font-family: 'Cormorant Garamond', serif;font-weight: 900 !important;}

.wpex-dhover-1:hover {
    border: 3px solid rgba(120,41,43,0.82) !important;
    color: rgba(120,41,43,0.82);
}

.wpex-dhover-1 {
    margin-top: 15px !important;
}
/********** Leadership Page **********/

.Directors_Copy{
    padding-left:60px;
}
@media only screen and (max-width: 960px){
.Directors_Copy{
    width:100% !important;
    padding-left:0px !important;
}
.Directors_Photo{
    width:100% !important;
}
}

/***********Servies Page******************/
.Services_Paragraph_Lists p {
    margin-bottom: 10px;
}

p.vc_custom_heading.Services_Stat {
    color: white;
    font-family: 'Montserrat', sans-serif;
    font-size: 40px !important;
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 0px !important;
}

p.vc_custom_heading.Services_Stat_Label {
    color: white;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    margin-bottom: 0px;
}
.Services_Left_Col {
    padding-right: 20px;
    border-right: 1px solid #78292B !important;
}

.Services_Right_Col {
    padding-left: 70px;
}
@media only screen and (max-width: 960px){
.Services_Middle_Icon{
    margin-top:80px;
}
.Services_Left_Col{
    padding-right: 0px !important;
    border-right: none !important;
    width:100% !important;
}
.Services_Right_Col{
    padding-left:0px !important;
    width:100% !important;
}
}

/************Join SGPA Page****************/


li.OL_Number {
    font-size: 2.6em;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    color: #78292B;
    line-height: 36px;
    margin-left: 43px;
}

span.OL_Text {
    font-size: 0.6em;
    position:  relative;
    top: -11px;
}
@media only screen and (max-width: 500px){
span.OL_Text{
    font-size:28px !important;
    top: -5px !important;
}
li.OL_Number{
    margin-left: 20px;
    font-size: 2em;
}
}
/************Resources Page****************/

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

    .resources_left_col{
        width:100% !important;
        
    }
      .resources_right_col{
        width:100% !important;
        
    }
   .resources_right_col .vc_column-inner{
        border-left: none !important;
        padding-left: 0px !important;
        
    }
}
.resource_links p {
    color: #78292B !important;
    font-weight: 700 !important;
}

.resource_links a {
    color:  #707070 !important;
}
.resource_links a:hover {
    color:  #78292B !important;
}
/**********Contact Page****************/
.contact_details p {
    font-weight: bold;
    font-size: 28px;
}
.contact_details a {
    color: #262626 !important;
    text-decoration:  none !important;
}

.contact_details a:hover {
    color: #78292B !important;
    text-decoration: underline !important;
}
@media only screen and (max-width:768px){
.vc_column-inner.vc_custom_1530824759678 {
    border-right: none !important;
}
}
.team_emails p {
    font-size: 28px !important;
    font-weight: 700;
    color: #78292B;
}

.team_emails a{
    font-size: 28px;
    font-weight: 700;
    color: #78292B;
    text-decoration: none !important;
}

.contact_page_form span.gfield_required {
    display:  none !important;
}

.contact_page_form input {
    border: 3px solid #78292B;
    font-size:  19px !important;
    font-family: 'Roboto', sans-serif !important;
    color:  #78292B !important;
    padding: 10px !important;
    text-align:  center !important;
    font-weight: 500;
    height: 75px !important;
}

.contact_page_form textarea{
    border: 3px solid #78292B;
    font-size:  19px !important;
    font-family: 'Roboto', sans-serif !important;
    color:  #78292B !important;
    font-weight: 500;
    padding:50px !important;
    }

.contact_page_form .gfield_label {
    display: none !important;
}

#field_2_1{
    margin-top: 0px !important;
}

#field_2_2{
    margin-top: 0px !important;
}

.contact_page_form_wrapper{
    margin-top: 0px !important;    
}

.gform_confirmation_message {
    border-top: 4px solid #78292b !important;
    text-align: center;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 900 !important;
    color: #262626 !important;
}

input#gform_submit_button_2 {
    border-radius:  40px !important;
    color: white !important;
    text-transform:  uppercase;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 900;
    width: 150px;
    height: 57px !important;
    position: absolute;
    top: 344px;
    right: 47px;
}
@media only screen and (max-width: 641px){
.contact_page_form_wrapper textarea.large {
    height: 320px !important;
}
input#gform_submit_button_2 {
    position: initial;
    float: right;
}
}

/**************Application Form*******************/

.apply_form input {
    border: 3px solid #78292B;
    font-size: 19px !important;
    font-family: 'Roboto', sans-serif !important;
    color: #78292B !important;
    padding: 10px !important;
    font-weight: 400;
    height: 65px !important;
}
.apply_form select {
    border: 3px solid #78292B;
    font-size: 19px !important;
    font-family: 'Roboto', sans-serif !important;
    color: #78292B !important;
    padding: 10px !important;
    font-weight: 400;
    height: 65px !important;
    background: transparent !important;
}

.apply_form .gfield_label{
    font-family: 'Roboto', sans-serif !important;
    color: #262626 !important;
}

.apply_form ul.gfield_radio li input[type=radio] {
    width: 25px !important;
}

.apply_form .gfield_radio li label{

    font-family: 'Roboto', sans-serif !important;
    color: #78292B !important;
    font-weight: 400;
    margin-right:15px;
}

.apply_form table.gfield_list thead th{
    font-family: 'Roboto', sans-serif !important;
    color: #262626 !important;
    font-weight: 400 !important;
}

.apply_form .gfield_time_hour{
    margin-right:15px
}

.apply_form .gfield_time_hour i{
    margin-top: -53px;
    margin-right: -12px;
    }
    input#gform_next_button_3_1 {
    border-radius: 40px !important;
    color: white !important;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 900;
    width: 150px;
    height: 57px !important;
    background-color: #78292b;
    cursor: pointer;
}

input#gform_next_button_3_1:hover{
    background-color: #9a5052 !important;
}
.gform_wrapper li.gfield.field_description_below+li.gsection.GF_break_hidden {
    border-bottom:  none !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding: 0px 0px 0px 0px !important;
}

#field_3_79 .gfield_label_before_complex {
    display:  none !important;
}

h3.Application_Title {
    margin-top: 75px;
}

/*** Directory ***/
.w2dc-listing-text-content-wrap-nologo {
    text-align: center;
}

header.w2dc-listing-header {
    color: #78292b;
    font-size: 1.75em;
    font-family: 'Lora', serif ;
}

header.w2dc-listing-header h2 {
    font-weight:bold !important;
}

.w2dc-field {
    font-family: 'Lora', serif !important;
    font-weight: 600;
    font-size: 1.1em;
}

.w2dc-field-output-block {
    margin: 3px 0px;
}

.w2dc-field-caption, .w2dc-field-name {
    font-weight: 100 !important;
}


.w2dc-badge{
    background-color:#78292B !important;
}

.w2dc-search-overlay {
    background: none !important;
}

.w2dc-content.w2dc-search-form {
    background-color: transparent !important;
}

button.w2dc-btn.w2dc-btn-primary {
    background: #78292b !important;
    border: 0px !important;
        border-radius: 25px !important;
    padding: 5px 25px !important;
}

.w2dc-content .w2dc-form-control, .w2dc-content .w2dc-form-control:focus {
    border-radius: 25px !important;
}

.w2dc-search-suggestions, .w2dc-col-md-12 label, .w2dc-advanced-search-text, .w2dc-label.w2dc-label-primary.w2dc-category-label, header.w2dc-page-header {
    display: none !important;
}

.w2dc-search-form {border:0px !important;}

.w2dc-field-content a {
    color: #262626 !important;
    font-size: 1.2em;
    font-weight: bold !important;
}

.w2dc-field-content p {
    font-size: 1.2em !important;
}

.w2dc-row.w2dc-field-search-block-14, .w2dc-row.w2dc-field-search-block-13, .w2dc-row.w2dc-field-search-block-12 {
    display: block !important;
} 

.w2dc-content select:not(.w2dc-week-day-input), .w2dc-content select:not(.w2dc-week-day-input):focus {
   background-image: 
    linear-gradient(50deg, transparent 50%, #FFFFFF 50%),
    linear-gradient(130deg, #FFFFFF 50%, transparent 50%),
    linear-gradient(to right, #78292B, #78292B) !important ;
}

.page-id-153 .w2dc-search-overlay, .page-id-153 .hide-text {
    display: none;
}

/***** 12 Media Queries **********/

@media (min-width: 992px) {
.w2dc-content .w2dc-col-md-6 {
    width: 100% !important;
}
}