/*
Theme Name: National Music Camp
Theme URI: http: //techdongle.com/
Description: National Music Camp Theme - Dependency: Salient Theme
Author: Shelson Creative
Author URI: http: //techdongle.com/
Template: salient
Version: 1.2
*/

@import url("../salient/style.css");

/*ff only*/
@-moz-document url-prefix() {
.sf-menu > li > .sub-menu { top: 59px !important; }
.small-nav .sf-menu > li > .sub-menu { top: 59px !important; }
}
/*ff only*/
.swiper-slide .buttons { text-align: center; }
/*chrome only*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
.sf-menu > li > .sub-menu { top: 49px !important; }
.small-nav .sf-menu > li > .sub-menu { top: 49px !important; }
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 1279px) and (max-width: 1281px) {
/*header#top nav > ul > li:not(last-child) { margin: 10px 20px 0 42px !important }*/
}
/*chrome only*/

/*new fixes*/
.white h1, .white h2, .white h3, .white h4, .white p, .white li, .white table { color: #fff !important; }
.black h1, .black h2, .black h3, .black h4, .black p, .black li, .black table { color: #000 !important; }
.title-new a:hover { color: #fff; }
h3.tagline {
    display: inline-block;
    float: none;
    text-align: center !important;
    width: 100% !important;
	color: #422275 !important;
	text-transform: uppercase;
}
.footer_5 {
    text-align: center;
}
.footer_5 .widget {
    display: inline-block;
    max-width: 200px;
	margin: 0 15px !important;
}
.footer_5 img { margin-bottom: 0 !important; }
/*.container-wrap, .project-title { padding-top: 57px; }*/
.swiper-slide .button a { font-size: 28px; font-weight:800 !important;  }
header#top .row, #header-outer { height: 49px; }
#header-space { height: 90px !important; }
/* custom css */
#portfolio a { color: #432277; margin: 0 10px; }
#portfolio a:hover { color: #333; }
.portfolio-subtitle {
    font-style: italic;
    font-weight: 700;
    font-size: 16px;
 color: #432277;
}

.portfolio-excerpt { font-size: 1em; height: 120px; overflow: hidden; }
#portfolio .title { margin: 0; }
/* portfolio */
#portfolio .span_5 {
    width: 40.5%;
}
#portfolio .span_7 {
    width: 57.5%;
}
.portfolio-items .col {
    /*display: inline-block !important;*/
	max-height: 270px;
	overflow: hidden;
}
.col.span_5 img.attachment-portfolio-thumb, .col.span_5  img.attachment-regular {
    border: 5px solid white;
    border-radius: 100px;
    box-shadow: 0 0 5px 0 #aaa;
    height: 180px !important;
    margin: 20px 0 !important;
    width: 180px !important;
}

.portfolio-subtitle, .portfolio-subtitle{ padding-bottom: 0; }

.nectar-love-wrap {
    position: absolute !important;
    right: 20px;
    top: 20px !important;
}
/* portfolio end */


.countdown_section { 
	color: #432277;
	background: url("https://www.nationalmusiccamp.com/wp-content/uploads/2016/01/calendar.png") center 0/120px no-repeat;
	min-height: 120px;
	min-width: 120px;
	padding-top: 50px;
	font-size: 20px;
	}
/*h3.title-new > a { color: #ffffff !important; }*/
.toggle p, .toggle ul li { color: #333; }
.toggle h3 a, .toggle h3 a i { color: #fff !important; font-size: 20px !important; }
.toggle.open h3 a, .toggle.open h3 a i { color: #333 !important; }

#header-secondary-outer { z-index: 22 !important; }
.starting-logo { margin-top: -146px !important; }
.work-info, #sort-portfolio > span, #sort-portfolio > i, #portfolio-filters > ul > li > a, #portfolio-filters > ul > li > a:hover { color: #000 !important; }
.custom-date { display: block; height: 45px; position: relative; width: 65px; float: left; color: #ffffff; }
.day:before { /*background: #432277; */ content: "\f133";	font-family: FontAwesome; font-size: 48px;  left: 0; position: absolute; top: 6px; /*z-index: -1;*/ }
.day { font-size: 17px; padding: 7px 10px; position: absolute; }
.month { bottom: 7px; font: 11px/11px "OpenSansSemiBold",serif; left: 11px; position: absolute; }
.day:before, .day, .month { color: #fff; }

@media screen and (min-width: 480px) {
#portfolio .span_5, #portfolio .span_7 { display: table-cell; float: none; position: relative; vertical-align: top; height: auto;  }
}

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

/*new fixes*/
header#top {
    background: white;
    border-bottom: 11px solid #432277;
    min-height: 60px;
}
.no-padding, .no-padding .vc_column-inner { padding: 0 !important; }
.container-wrap, .project-title { margin-top: 0 !important; padding: 0 0 36px !important;  }
#footer-outer { margin-top: -55px; }
#header-secondary-outer #social { float: right !important; }
#header-secondary-outer #social li:first-child a {border-left: 1px solid rgba(0, 0, 0, 0.1) !important;}
h3.tagline { max-width: 510px !important; }

/* slider */
.extra-color-1 { margin-top: 180px; }


/* portfolio */

.portfolio-items .col {
    /*display: inline-block !important;
    margin: 15px;
    max-width: 45%;
    padding: 0 7px;*/ margin: 0 3px; padding: 10px;
}
.col.span_5 img.attachment-portfolio-thumb, .col.span_5  img.attachment-regular {
    border: 5px solid white;
    border-radius: 100px;
    box-shadow: 0 0 5px 0 #aaa;
    height: 180px !important;
    margin: 20px 0 !important;
    width: 180px !important;
}

.portfolio-subtitle, .portfolio-subtitle{ padding-bottom: 0; }
/* portfolio end */
a#logo:before {
    background: #FFFFFF;
    border-bottom-left-radius: 83px;
    border-bottom-right-radius: 83px;
    content: "";
    display: inline-block;
    height: 170px;
    margin: -1px 0 -150px;
    width: 160px;
	box-shadow: 0 0 12px 0 #333;
	transition: all ease 0.2s;
}

a#logo img { height: auto !important; width: 140px !important; transition: all ease 0.2s; }
.small-nav a#logo img { width: 100px !important; }
.small-nav a#logo:before { 
    height: 130px;
    margin: -1px 0 -110px;
    width: 120px;
}
header#top nav > ul > li > a, nav ul.buttons > li#search-btn { padding: 8px 4px !important; }
.col.span_5.col_last > nav { margin-left: 20px; }
.col.span_5.col_last .buttons { margin-left: 0 !important; }
/*ul.sub-menu { top: 50px !important; }*/
#header-outer { padding-top: 0 !important; /*border-bottom: 10px solid #432277;*/ }
header#top .row, #header-outer { height: 49px; }
#header-space { height: 90px !important; }
#header-secondary-outer { z-index: 999 !important; }
#header-outer.transparent header#top nav > ul > li > a, #header-outer.transparent header#top nav > ul > li > a.sf-with-ul { color: #432277 !important; }
#top .container { background: #fff; /*border-bottom: 10px solid #432277;*/ }
#boxed > div#header-outer { padding: 0 !important; }
header#top nav > ul > li:not(:last-child) { margin-right: 1.5em; }
/*header#top { height: 49px; background: repeating-linear-gradient(45deg, #FFFFFF, #FFFFFF 2px, #FFFFFF 2px, );  }*/
header#top #logo { width: 160px; position: relative; top: -2px; }
#header-outer #search { background: rgba(0, 0, 0, 0) repeating-linear-gradient(45deg, #432277, #432277 2px, #432277 2px, #333 4px) repeat scroll 0 0; }
#search-outer #search input#s[type="text"] { color: #FFDE15 !important; }
.wpb_wrapper > div.nectar-slider-wrap { margin-bottom: -1px; }
.wpb_row.standard_section.first-section { margin-top: 0 !important; }
ul.rh-links { display: block; float: right; position: relative; width: /*40*/35%; }
ul.rh-links > li { display: inline-block; margin: 6px 0 4px 37px; }
ul.rh-links > li a{ font-family: Podkova; font-weight: 700; font-size: 20px; color: #422275; text-transform: uppercase; transition: all ease 0.3s; }
ul.rh-links > li a:hover{ color: #000; }
.padding-ten { padding: 10px !important; }
.shailan_CountdownWidget h2 { font: normal normal 25px/25px "OpenSansSemiBold", serif !important; color: #432277; text-align: center; text-transform: uppercase; }
}
.counter-block p { color:#fff; font-size: 22px !important;}

@media screen and (max-width: 768px) {
.portfolio-items .col { padding: 10px; }

.col.span_2 {
	height: 65px !important;
    margin: -35px 0 0;
    width: 200px;
}
#logo, a#logo img { position: absolute; top: 0; }
ul.rh-links > li a {
    color: #422275;
    float: left;
    margin: 0 15px;
    text-align: center;
}
body header#top #logo img.dark-version { height: 75px !important; }
.shailan_CountdownWidget .widgettitle { text-align : center; }
#portfolio .span_5 {
    padding: 0;
}
.portfolio-excerpt { font-size: 0.7em; }
}
@media screen and (min-width: 481px) and (max-width: 690px) {
.extra-color-1 { margin: 50px !important; }
}
@media screen and (min-width: 700px) and (max-width: 1000px) {
.extra-color-1 { margin: 85px 0 0 -110px; }
}

@media screen and (min-width: 1000px) and (max-width: 1280px) {
h3.tagline { font-size: 20px; }
.extra-color-1 { margin: 175px 0 0; }
header#top nav > ul > li { margin: 10px 20px 0 20px !important; }
header#top nav > ul > li > a { padding: 0 !important; font-size: 20px !important; }
#top .container { padding: 0 30px !important; }
.portfolio-excerpt {
    font-size: 1em;
    height: 90px;
    overflow: hidden;
    padding-bottom: 0 !important;
}
}

@media screen and (min-width: 690px) and (max-width: 1300px) {

#portfolio .span_7 { width: 55% !important; /*float: none; display: inline-block;*/ }
#portfolio .span_5 { width: 39% !important; /*float: none; display: inline-block;*/ }

}

@media screen and (max-width: 1000px) {
ul.rh-links { text-align: center; }
ul.rh-links > li { display: inline-block; }
ul.rh-links > li a {
    color: #422275;
    margin: 0 15px;
    text-align: center;
}
.col, body .vc_row-fluid .wpb_column { margin-bottom: 0 !important; }
body header#top #logo img.dark-version { height: 75px !important; }
#top .container { height: 127px; }
.col.span_2.logo-wrapper, #logo { top: 0 !important; margin: 0 !important; }
}

@media screen and (max-width: 480px) {
/* slider */
.extra-color-1 { margin: 35px 0 0 10px; }
/**/
.col.span_5 img.attachment-portfolio-thumb, .col.span_5  img.attachment-regular {
    border: 5px solid white;
    border-radius: 100px;
    box-shadow: 0 0 5px 0 #aaa;
    height: 90px !important;
    margin: 0 auto !important;
    width: 90px !important;
}
#portfolio { text-align: center; }
#portfolio .span_7, #portfolio .span_5 {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

.portfolio-excerpt { display: none; }

}

#footer-outer .widget h4 {
color: #ffffff;
font: Arial !important;
font-style: strong;
}

#footer-logo {
	vertical-align:middle;
	width:500px !important;
}
img.alignleft {
width: 250px !important;
}
.footer-img-container img {
    max-width: 250px !important;
    height: auto !important;
    padding: 20px !important;
}


.sponsors {
  display: flex;
	text-align: center;
  align-content: center;
}

.column {
  float:left;
  align-content: center;
  padding: 25px;}