@import url("../../reverie-master/css/style.css");
/* This is the Sass/Scss file loaded by WordPress in frontend.
 * Tweak it and have fun.
 */
body {
  background: #fefefe;
}

/******** Style the header and nav menus *********/
/******* temporary bolding of the menu item for road closure ******/
li#menu-item-2637 {font-weight:bold!important;}

/*
Site Header
---------------------------------------------------------------------------------------------------- */
/* make the header sticky
--------------------------------------------- 
.header, .contain-to-grid {
	position: fixed!important;
	top: 0!important;
	width: 100%!important;
	z-index: 2000!important;
}

/* Style up the header
--------------------------------------------- */
/*.top-bar-section {float:left;}*/
.top-bar-section ul li a {background:transparent!important; font-size:1em; font-weight:500; text-transform: uppercase;}
.top-bar { max-width:100%!important; width:100%!important; height:auto!important; line-height:10px!important; background:#ffffff!important;}
.panel-grid-cell, .so-panel {}
div#pg-2-2.panel-grid {margin-bottom:0px!important; padding:0 0 0 0!important;} 
.row {margin-bottom:15px;}
.sub-menu.widgetized-menu {padding: 0 15px 0 15px!important; }
#sidebar .panel {background-color:#fff!important; padding:0.5rem!important;}
nav.widgetized-nav {width:100%!important;}
.contain-to-grid {background:transparent!important; width:100%!important;}
ul.sub-menu.row.second-level-menu.widgetized-menu.subPositionLeft {margin-top:0!important; width:100%;}
.title-area {width:268px!important; min-height:116px;}
.widgetized-menu-button {visibility:hidden;}

/* create header widgets under main nav section
--------------------------------------------- */
#headersub {width:33.3%; float:left; text-align:center; list-style-type: none!important;}

/* style the countdown timer clock */
.time_circles > div > h4 {font-size:7px!important;}
.timecircle {width:280px!important;}

/* Some widget utility definitions for styling widget stuff */
#torontotradition-title, h3 {font-weight:bold; color:#999; font-size:1.1em; line-height:20px!important;}

/* Style the page padding for all pages */
#content {padding:0 1rem 0 1rem;}

/* Styling for the special case of the homepage */
#homepage-content {top:-30px; position:relative;}
.slidercc-title, .slidercc-title h2 {text-shadow: 1px 1px 1px #333;}
.race-circles {padding:19% 0 0 25%; text-align:center;}

/* common site definitions */
a {color:#e2231a!important;}
a:hover {color:#9e2121!important;}
h2 {font-size:28px!important; color:#444!important; font-weight:500!important;}

/* Footer styles */

.love-reverie {color:#fff!important; margin-bottom:-10px;}
.love-reverie a:hover {color:#777!important;}
.panel {border-style:none!important; background:transparent!important;}
.panel h4 {font-size:17px; text-transform:uppercase; font-weight:bold;}
.panel p {color:#fff!important; font-size:12px;}

.ctct-disclosure {
	padding-top:8%;
	clear:both;
}

div.ctct-form-embed form.ctct-form-custom div.ctct-form-field {
float:left!important;
margin: 0 10px 10px 0!important;
width: 30%;
min-width: 230px;
}

.ctct-form-embed.form_0 .ctct-form-custom .ctct-form-button:hover, .ctct-form-embed.form_0 .ctct-form-custom .ctct-form-button {
width:30%; 
min-width:230px;
}

div.ctct-form-embed div.ctct-form-defaults {
padding:0 24px!important;
}

div.ctct-form-embed div.ctct-form-defaults p.ctct-form-footer a.ctct-form-footer-link {
visibility:hidden;
}

/**buttons**/
.ow-button-base a .sow-icon-image, .ow-button-base a [class^="sow-icon-"] {float:none!important; margin:0 0 8px 0!important;}
.so-widget-sow-button-flat-a4733b95f6f8 .ow-button-base a {line-height: 1.2em!important;}


/* responsive media queries */

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px)
{
    .title-area {width:100%!important; text-align:center!important;}
    #headersub {width:100%!important; text-align:center!important;}
    .panel-widget-style {padding:0 0 0 0!important;}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) { 
    .panel-widget-style {padding:0 0 0 0!important; } 
    .title-area {width:24%!important; text-align:center!important;}
    #headersub {width:24%!important; text-align:center!important;}

}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) { 
    .panel-widget-style {padding:0 0 0 0!important; } 
    .title-area {width:100%!important; text-align:center!important;}
    #headersub {width:100%!important; text-align:center!important;}

}