/* --------------------- .page-id-507 .title h1, .page-id-507 .title.title_size_small h1 {font-size: 33px;} --------------------- */

body {font-size:105%; line-height: 150%; color: #303030; background-color:#032f55 !important;}
.wrapper {background-color:#032f55 !important;}
.marginBottom {margin-bottom:10px;}
#back_to_top {bottom: 85px;}

.default {font-family: 'Kurale', serif;}
.script  {font-family: 'Playball', cursive;}
.center {text-align:center;}
h2 {text-align:center; font-size: 350%; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; text-shadow: 5px 5px 0px rgba(171, 163, 150, 0.75); margin-bottom:20px;}
h3 {text-align:center; font-size: 225%; font-weight: normal; letter-spacing: 1px; text-transform: initial;}
h4 {font-size: 150%;}

.white h2 {color: #fff;}
.white hr.section:before, .white hr.section:after {border-color: #fff;}
.white .default {color: #fff;}

hr.section {border-style:none;}
hr.section:before {content: '';display: block;border-top: 3px solid #303030;}
hr.section:after {content: '';display: block;margin-top: 7px; border-top: 3px solid #303030;}

.backgroundShift {background-position: 0 3px !important; background-image: url(http://www.harpandthistlepipeband.org/wp-content/uploads/2015/05/pattern2.jpg?id=44); background-repeat: repeat !important;}

.title_subtitle_holder {text-align: center;}
.title .separator.small.left {display:none;}
/* --------------------- Menu --------------------- */

.logo_wrapper {height:150px  !important;}
.q_logo a {height:150px  !important;}
.q_logo a:before {content: 'Established in 2001'; position: absolute; top: -35px; left: 149px; width: 170px; font-size: 70%;}
.q_logo a:after {content: "Harp & Thistle Pipe Band"; position: relative; top: -56px; left: 148px; font-family: 'Kurale', serif; font-size: 92%;}
.q_logo a:hover {color: #303030;}

.scrolled .q_logo a:before {display:none;}
.scrolled .q_logo a {height:100px  !important;}
.scrolled .logo_wrapper {height:100px  !important;}
.scrolled .q_logo a:after {top: -36px; left: 108px;}

nav.mobile_menu ul li a {padding: 10px 0 10px 30px;}
nav.mobile_menu ul li a:hover, nav.mobile_menu ul li.active>a {color:#c83391; background-color: #ffffff;}
nav.mobile_menu {background-color: #fbf6f6 !important;}
nav.main_menu>ul>li>a {font-size: 72%; padding: 0px 9px; letter-spacing: .5px;}

.mobile_menu_button {float:right;}

/* --------------------- Mission/Gallery --------------------- */

.wpb_single_image img {max-width: 80%;}
#sbi_load {display:none;}

.facebookFollow {display: inline-block; border: 2px solid #ffffff; color: #ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 7px 20px; margin: 20px 10px 0 0;}
.instagramFollow {display: inline-block; border: 2px solid #ffffff; color: #ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 7px 20px; margin: 20px 0 0 10px;}
.instagramFollow:hover, .facebookFollow:hover {border-color: #f2b42b; color: #f2b42b;}

/* --------------------- Band Members --------------------- */

hr.of {max-width: 400px;padding: 0; margin-top: 20px;margin-bottom: -20px;border: none;border-top: 1px solid #303030;color: #303030;text-align: center;}
hr.of:after {content: "of";display: inline-block;position: relative;top: -0.7em;font-size: 1.5em;padding: 0 10px;background:#fff; font-family: 'Playball', cursive;}

hr.underline-officers {max-width: 500px;border: none;margin-top:10px;padding-bottom: 40px;border-top: 1px solid #303030;}
hr.underline-band {border: none;border-top: 1px solid #303030;}

.band-members {padding-left:20px;}

.officers img {  border-radius: 50%; border: 10px solid #0f7c50; box-shadow: 8px 4px 0px #C0BAB0;}

/* --------------------- Events --------------------- */

.gce-prev, .gce-next {margin-top:6px;}

.gce-month-title {font-family: 'Playball', cursive; font-weight: normal; font-size:150%;}
.gce-page-grid .gce-calendar th {border: 2px solid #fff; background-color: #0f7c50; color: #fff;}
.gce-page-grid .gce-calendar .gce-day-number {font-size: 120%;padding-right: 10px;}
.gce-page-grid .gce-calendar td {border: 2px solid #fff;text-align: right;height: 100px;vertical-align: bottom;}

.gce-page-grid .gce-calendar .gce-today  {background-color: #f2b42b;}
.gce-page-grid .gce-calendar .gce-today .gce-day-number {color: #fff;}
.gce-page-grid .gce-calendar .gce-day-past {background-color: #efe9e4;}
.gce-page-grid .gce-calendar .gce-day-past .gce-day-number {color: #c7bcab;}
.gce-page-grid .gce-calendar .gce-day-future {background-color: #fbf6f6;}
.gce-page-grid .gce-calendar .gce-day-future .gce-day-number {color: #303030;}
.gce-page-grid .gce-calendar .gce-has-events {background-color: #2d4d84;}
.gce-page-grid .gce-calendar .gce-has-events .gce-day-number {color: #fff;}

.qtip-light {background-color: #0f7c50 !important; border-color: #0f7c50 !important; color: #fff !important;}
.qtip {font-size: 90% !important; line-height: normal !important;}
.gce-event-info {background-color: #0f7c50 !important;}
.gce-list-event, .gce-tooltip-event {background-color: #fff !important;color: #0f7c50 !important;font-weight: bold !important;}
.gce-event-info .calenderLink {margin:20px 0;}
.gce-event-info a {padding: 7px 9px; margin-top: 25px; border: 2px solid #fff; border-radius: 5px; color: #fff; font-weight: bold;}
.gce-event-info a:hover {border: 2px solid #f2b42b; color: #f2b42b;}

.list-title {margin-top: 50px;}
.gce-list-grouped:after {content: ''; clear: both;}
.gce-list-grouped .gce-event-day {margin-bottom: 15px; padding: 20px; border: 2px solid #ffffff; background-color: #0f7c50; color: #ffffff; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;}
.gce-list-grouped .calenderLink a {display: inline-block; padding: 7px 9px; margin-top: 10px; border: 2px solid #ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #ffffff; font-weight: bold;}
.gce-list-grouped .calenderLink a:hover {border: 2px solid #f2b42b; color: #f2b42b;}

/* --------------------- Contact --------------------- */

.phoneNumber {margin: 20px 0 !important; padding: 35px; border: 2px solid #fff; border-radius: 5px; font-size: 150%; text-align: center;}

.white.contact h2 {text-shadow: 5px 5px 0px rgba(4, 47, 85, 0.75);}

::-webkit-input-placeholder {color: #9c9c9c;}
:-moz-placeholder { /* Firefox 18- */color: #9c9c9c;}
::-moz-placeholder {  /* Firefox 19+ */color: #9c9c9c;}
:-ms-input-placeholder {color: #9c9c9c;}

/* --------------------- Footer --------------------- */

.paypal {display:inline;}
.paypal input[type=submit] {
background: url(/wp-content/uploads/2015/08/PayPal_Logo_KO.png) transparent no-repeat;
cursor: pointer;
    background-size: 35%;
    background-position: 89px 3px;
    color: #ffffff;
    border: 2px solid #ffffff;
    border-radius: 5px;
    margin-left: 5px;
    padding: 5px 15px;
    text-align: left;
    width: 160px;
    -ms-transition: all .1s linear;
    -o-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
}
.paypal input[type="submit"]:focus {outline: none;}
.paypal input[type="submit"]:hover {border-color: #c83391;}

.facebookLink i {position: relative; top: 6px;margin-left: 5px; color: #fff; font-size: 240%; -ms-transition: all .1s linear; -o-transition: all .1s linear; -webkit-transition: all .1s linear; -moz-transition: all .1s linear; transition: all .1s linear;}
.facebookLink:hover i {color: #c83391;}

p.copyright {margin-top: 3px;}

footer {top:-1px;}
footer .textwidget {padding: 15px 0;}
.footer_bottom_column {color: #ffffff;}

/* --------------------- @media --------------------- */

@media (min-width: 1001px) {
.breakOut img { position: absolute; top: -70px; left: 0px; max-width: 360px;}
}



@media (min-width: 1401px) {
.fullBand .wpb_wrapper {min-height: 700px;}
}

@media (min-width: 1600px) {
.fullBand .wpb_wrapper {min-height: 800px;}
}

@media (min-width: 1800px) {
.fullBand .wpb_wrapper {min-height: 900px;}
}

@media (min-width: 2000px) {
.fullBand .wpb_wrapper {min-height: 1000px;}
}

@media (min-width: 2200px) {
.fullBand .wpb_wrapper {min-height: 1100px;}
}

@media (max-width: 1400px) {
.fullBand .wpb_wrapper {min-height: 800px;}
}

@media (max-width: 1200px) {
.fullBand .wpb_wrapper {min-height: 600px;}
.gce-list-grouped .gce-event-day {width: initial; float: none; margin-right: 0;}
.breakOut img { position: absolute; top: 0px; left: 0px; max-width: 310px;}
#break3 {display:block;}
p.copyright {margin-top: 0px;}
#back_to_top {bottom: 120px;}
}
@media (max-width: 1000px) {
.q_logo a:before {top: 45px; left: 149px;}
.fullBand .wpb_wrapper {min-height: 500px;}
#back_to_top.on {visibility:hidden;}
.header_bottom {padding: 0; background-color: #fbf6f6 !important;}
.logo_wrapper {left: initial; height: 90px !important;}
.q_logo a {left: initial; height: 90px !important;}
.q_logo a:after {top: -65px; left: 148px;}
.breakOut img { position: absolute; top: 0px; left: 0px; max-width: 270px;}
h2 {font-size: 280%; text-shadow: 3px 3px 0px rgba(213, 205, 192, 0.75);}
.white.contact h2 {text-shadow: 3px 3px 0px rgba(4, 47, 85, 0.75);}
}
@media (max-width: 768px) {
.fullBand .wpb_wrapper {min-height: 400px;}
.breakOut.wpb_single_image.vc_align_left {text-align: center;}
.breakOut img { position: absolute; top: 0px; left: 0px; max-width: 230px;}
.gce-page-grid .gce-calendar td {height: 60px;}
.text-center {text-align: center;}
#break1 {display:inline;}
#break2 {display:inline;}
#break3 {display:inline;}
}
@media (max-width: 767px) {
.breakOut img { position: initial; margin-bottom: 20px; max-width:100%;}
}
@media (max-width:601px) {
.fullBand .wpb_wrapper {min-height: 300px;}
.q_logo a {left: 10px;}
.q_logo a:after {}
#break3 {display:block;}
#back_to_top {bottom: 160px;}
}