/* cmsms stylesheet: content modified: 08/14/17 19:03:48 */
p{
     font-family: 'Montserrat', sans-serif;
     font-size:17px;
     line-height:24px;
     color:#275980;
     margin:0 auto;
     padding:0;
font-weight:normal;
}

h1{
     font-family: 'Montserrat', sans-serif;
     font-size:34px;
     line-height:40px;
     color:#275980;
     margin:0 auto;
     padding:0;
     font-weight:normal;
}


h2{
     font-family: 'Montserrat', sans-serif;
     font-size:28px;
     line-height:32px;
     color:#f08200;
     margin:0 auto;
     padding:0;
font-weight:normal;
}


h3{
     font-family: 'Montserrat', sans-serif;
     font-size:28px;
     line-height:32px;
     color:#275980;
     margin:0 auto;
     padding:0;
font-weight:normal;
}


h4{
     font-family: 'Montserrat', sans-serif;
     font-size:22px;
     line-height:28px;
     color:#f08200;
     margin:0 auto;
     padding:0;
font-weight:normal;
}


h5{
     font-family: 'Montserrat', sans-serif;
     font-size:22px;
     line-height:28px;
     color:#275980;
     margin:0 auto;
     padding:0;
font-weight:normal;
}


h6{
     font-family: 'Montserrat', sans-serif;
     font-size:14px;
     line-height:29px;
     color:#275980;
     margin:0 auto;
     padding:0;
font-weight:normal;
}

#footer-wrapper p{
     font-family: 'Montserrat', sans-serif;
     font-size:14px;
     line-height:20px;
     color:#fff;
     margin:0 auto;
     padding:0;
font-weight:normal;
}

#secondary-nav a:link,#secondary-nav a:visited,#secondary-nav a:active{
     font-family: 'Montserrat', sans-serif;
     font-size:14px;
     line-height:20px;
     color:#fff;
     margin:0 auto;
     padding:0;
font-weight:normal;
text-decoration:underline;
     cursor:pointer;
}

#secondary-nav a:hover{
     color:#ffe65a;

}

#mobile-secondary-nav a:link,#mobile-secondary-nav a:visited,#mobile-secondary-nav a:active{
     font-family: 'Montserrat', sans-serif;
     font-size:20px;
     line-height:24px;
     color:#fff;
     margin:0 auto;
     padding:0 1%;
font-weight:500;
text-decoration:underline;
     cursor:pointer;
}

#mobile-secondary-nav a:hover{
     color:#ffe65a;

}

/* LINKS */

a:link {
}
a:visited {
}
a:active {
}
a:hover {
}
h1 a:link, h1 a:visited, h1 a:active,
h2 a:link, h2 a:visited, h2 a:active,
h3 a:link, h3 a:visited, h3 a:active,
h4 a:link, h4 a:visited, h4 a:active,
h5 a:link, h5 a:visited, h5 a:active,
h6 a:link, h6 a:visited, h6 a:active,

li a:link, li a:visited, li a:active,
p a:link, p a:visited, p a:active {
	color: #f08200;
	font-weight: normal;
	font-size: 17px;
	text-decoration:underline;
        cursor:pointer;
}

p a:hover{
        color: #275980;
}

h2 a:link, h2 a:visited, h2 a:active {
	color: #f08200;
	font-family: 'Montserrat', sans-serif;
     font-size:28px;
     line-height:32px;
	text-decoration:underline;
        cursor:pointer;
}

h2 a:hover{
        color: #275980;
}

.button a:link, .button a:visited, .button a:active{
        color: #00529b;
	font-weight: normal;
	font-size: 17px;
	text-decoration:none;
        cursor:pointer;
}


.button a:hover{
        color: #f08200;
}
/* cmsms stylesheet: layout modified: 09/04/25 03:19:08 */
@charset "UTF-8";
/* CSS Document */


html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

body{
	font-family: 'Montserrat', sans-serif;
	font-size:16px;
	line-height:19px;
	color:#000;
	background-color:#fff;
	margin:0 auto;
	padding:0;	
}

#mast-container{
        width:100%;
height:auto;
padding:0;
margin:0 auto;
position:fixed;
z-index:9999;
}

#internal-mast-container{
        width:100%;
height:auto;
padding:0;
margin:0% auto 0 auto;
position:fixed;
z-index:9999;
}

#home-image{
	
		width:100%;
	height:auto;
	padding:0;
	margin:0 auto -5% auto;
	z-index:-999;
	background-size:cover;
	background-image:url(https://www.arkansasoklahomafair.com/uploads/images/general/2024FairBG.jpg);

}

#logo{
	width:15%;
	height:auto;
	padding:.5% 0 0 12%;
	margin:0 auto;
	float:left;
	z-index:9999;
	position:absolute;
}

#nav-wrapper{
	width:100%;
	height:auto;
	padding:0;
    margin:0 auto;
	z-index:9995;
	position:relative;
}

#secondary-nav-container{
	width:100%;
	height:32px;
	padding:0;
	margin:0 auto;
	background-color:#275980;
}

#secondary-nav{
	width:40%;
	height:30px;
	padding:0 0 0 50%;
	margin:0 auto;
	background-color:#275980;
	color:white;
}


#pnav-wrapper{
	width:65%;
	height:auto;
	padding:0% 0 0% 45%;
	margin:0 auto;
        float:right;
	background-color:#d4dee6;
}

#countdown-wrapper{
	width:100%;
	height:auto;
	padding: 0;
	margin:0 auto;
	background-color:#466175;
	text-align:center;
	float:left;
}

#promo-wrapper{
        width:70%;
        height:auto;
        padding:14% 10%;
        margin:0 auto;
}

#home-promo{
	width:100%;
	height:auto;
	padding:2% 0;
	margin:0 auto;
	background-color:#d4dee6;
        text-align:center;
        color:#275980;
	
}

#home-promo-left{
	width:57%;
	height:auto;
	padding:0 0;
	margin:-2% auto 0 auto;
        text-align:center;
	float:left;
}

#home-promo-right{
	width:20%;
	height:auto;
	padding:0 10% 0 0;
	margin:0 13% 0 0;
        text-align:left;
        float:right;
	
}

#weather-logo{
        width:48%;
        height:auto;
	padding:1% 0;
	margin:0 auto;
        text-align:center;
	float:left;
}

#weather-logo-wid{
        width:50%;
        height:auto;
	padding:1% 0;
	margin:6% auto 0 auto;
        text-align:center;
	float:left;
}

#weather-widget{
        width:48%;
        height:auto;
	padding:0;
	margin:0 auto;
        text-align:center;
	float:right;
}

#home-content{
	width:70%;
	height:auto;
	padding:2% 15%;
	margin:0 auto;
	background-color:#fff;
}

#internal-content{
	width:70%;
	height:auto;
	padding:0;
	margin:2% auto;
	background-color:#fff;
}

#internal-left-content{
        width:68%;
        height:auto;
        padding:0 2% 0 0;
        margin:0 auto;
        float:left;
}

#internal-right-content{
        width:28%;
        height:auto;
        padding:0 0 0 2%;
        margin:0 auto;
        float:right;
}

#footer-wrapper{
	width:100%;
	height:auto;
	padding:2% 0;
	margin:0 auto;
	background-color:#275980;
color:white;
        text-align:center;
}



.row{
	width:100%;
}

#internal-head-image{
	
	width:auto;

	height:auto;

	float:left;
	padding:0;
	margin:5% auto 0 auto;

}

#internal-head-image img{
	
	max-width:100%;
	max-height:400px;
	min-height:300px;
	object-fit:cover;
	background-size:cover;

}

#artist-wrapper{
        width:100%;
        height:auto;
        margin:0 auto;
        padding:0;
}

.artist-image{
        width:96%;
        height:auto;
        margin:0 auto;
        padding:2% 2% 10% 2%;
}

.artist-copy{
        width:40%;
        height:auto;
        margin:0 auto;
        padding:2% 0;
}

/* Extra */
.clear{
	clear:both;
}

.fluid{
	padding-left:0px;
	padding-right:0px;
}

.fb-top{
	line-height:.75em;
	vertical-align:5%;
}

.twitter-top{
	line-height:.75em;
	vertical-align:5%;
}
.instagram-top{
	line-height:.75em;
	vertical-align:5%;
}

.left{
        width:50%;
        float:left;
}

.right{
        width:50%;
        float:right;
}

.sponsor-wrapper{
         width:100%;
         height:auto;
         float:left;
         margin:0 auto;
         padding:0;
         z-index:-999;
         
}

.small-column{
         width:15%;
         height:auto;
         padding:1% 5%;
         margin:0 auto;
         float:left;
        vertical-align: middle;
}

.small-column img{
        vertical-align: middle;
}

.left-3col{
        width:90%;
        height:auto;
        padding:0 2%;
        margin:0 auto;
        float:left;
}

.right-1col{
        width:25%;
        height:auto;
        padding:5% 0;
        margin:0 auto;
        float:right;
}

.button{
	width:100%;
	height:auto;
	padding:5% 10%;
	margin:0 auto;
	text-align:center;
	background-color:transparent;
	color:white;
        border: 1px solid #00529b;

}

input{
        width:100%;
        padding:2% 0;
}

input[type="submit"],
input[type="button"],
input.cms_submit {
	font-size: 15px;
	line-height: 20px;
	color: #ffffff;
	font-weight: normal;
	background-color:#3590e4;
	border-radius: 1px;
	width: 125px;
	height:25px;
	text-decoration: none;
	cursor: pointer;
	border: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	
}
input[type="submit"]:hover,
input[type="button"]:hover,
input.cms_submit:hover {
	background-color:#63b4ff;
}

/* Desktop Resize */
@media only screen and (min-width : 800px){

#mobile-logo{
	display:none;
}
	
	#mobile-secondary-nav{
display:none;
}

#mobile-selector-wrapper{
	display:none;
}

#menumobile{
        display:none;
}

#promo-wrapper-mobile{
        display:none;
}
	
}


/* Tablet */
@media only screen and (min-width : 600px) 
and (max-width : 800px)   {

	#mast-container{
        width:100%;
height:auto;
padding:0;
margin:0 auto;
		position:unset;
}
	
	
#internal-mast-container{
        width:100%;
height:auto;
padding:0;
margin:0% auto 0 auto;
position:unset;
}
	
	
#logo{
	display:none;
}

#mobile-logo{
	width:58%;
	height:auto;
	padding:1% 3% 5% 3%;
	margin:0 auto;
	float:none;
	z-index:9999;
	background-color:transparent;
}

#nav-wrapper{
	width:100%;
	height:auto;
	padding:0;
    margin:0 auto;
	z-index:9995;
	position:relative;
}

#secondary-nav-container{
	width:94%;
	height:32px;
	padding:3% 3%;
	margin:0 auto;
	background-color:#275980;
}

#secondary-nav{
display:none;
}
	
#mobile-secondary-nav{
	width:70%;
	height:30px;
	padding:1% 0 0 0;
	margin:0 auto;
	color:white;
	float:left;
}

#mobile-selector-wrapper{
	width:12%;
	height:auto;
	padding:0% 3% 0 0;
	margin:0 auto;
	float:right;
}


#pnav-wrapper{
	display:none;
}
	
	#home-image{
	
		width:100%;
	height:100vh;
	padding:0;
	margin:-400px auto -5% auto;
	z-index:-999;
	background-size:cover;
	background-image:url(http://arkansasoklahomafair.com/uploads/images/Fairmobile-bg.jpg);
	object-fit: cover;
	background-attachment: fixed;

}

#home-image{
	
		width:100%;
	height:auto;
	padding:0;
	margin:-100% auto 0 auto;
	z-index:-999;
	background-image:url(http://arkansasoklahomafair.com/uploads/images/Fairmobile-bg.jpg);

}
	
#internal-head-image{
	display:none;

}
	
	
#internal-content{
	width:90%;
	height:auto;
	padding:0;
	margin:2% 5%;
	background-color:#fff;
}

#internal-left-content{
        width:100%;
        height:auto;
        padding:2% 0;
        margin:0 auto;
        float:left;
}

#internal-right-content{
        width:100%;
        height:auto;
        padding:2% 0;
        margin:0 auto;
        text-align:center;
        float:right;
}
	
#footer-wrapper{
	width:96%;
	height:auto;
	padding:2%;
	margin:0 auto;
	background-color:#275980;
color:white;
        text-align:center;
}

.left{
        width:100%;
        float:none;
}

.right{
        width:100%;
        float:none;
}

.left-3col{
        width:100%;
        height:auto;
        padding:1% 0;
        margin:0 auto;
        float:none;
        text-align:center;
}

.right-1col{
        width:100%;
        height:auto;
        padding:1% 0;
        margin:0 auto;
        float:none;
        text-align:center;
}

#mobile-social-wrapper{
        width:80%;
        height:auto;
        padding:2% 10%;
        margin:0 auto;
        text-align:center;
}

.igwrapper{
width:100%;
height:auto;
padding:0;
margin:0 auto;
}

/* MOBILE MENU */

a#mm-btn {
	display: block;
	width: 100%;
	height: 100%;
	padding: 10px;
}
#menuclosed, #menuopen.show-mm { display: block; }
#menuopen, #menuclosed.show-mm { display: none; }

#menumobile {
	position: absolute;
	top: -1000%;
	width: 95%;
	height: auto;
	background: #0066a4;
	padding: 20px;
	z-index: 9999;
	-webkit-box-shadow: 3px 0px 10px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 3px 0px 10px 0px rgba(0,0,0,0.25);
	box-shadow: 3px 0px 10px 0px rgba(0,0,0,0.25);
	text-shadow: none;
	border-bottom: 7px solid #003d5f;
	border-top: 7px solid #003d5f;
}
#menumobile.show-mm {
	top: 70px;
	height: 100%;
	display: table;
	table-layout: fixed;
}
#mobilenav {
	position: relative;
	top: 0;
}
#mobilenav ul, #mobilenav li {
	list-style-type: none;
	margin: 0;
	padding: 1% 0 1% 10px;
        color:#fff;
        text-transform: uppercase;
	background: #004976;
        text-align:left;
        font-size:100%;
        font-weight:400;
}
#mobilenav a {
	font-family: 'Open Sans', sans-serif;
	display: block;
	padding: 10px 0 10px 30px;
	border-bottom: 1px solid #003d5f;
	color: #fff;
	font-size: 100%;
	font-weight: 400;
	
	letter-spacing: 2px;
	text-align:left;
}
#mobilenav li:last-child a {
	border-bottom: none;
}
#mobilenav a:hover {
	color: #fff;
	background:#0085d7;
}
#mobilenav a.menuactive {
	color: #fff;

}
#mobilenav li.menudepth0 > a {
	background: #004976;
}
#mobilenav li.parent ul li a {
	font-weight: 400;
	font-size: 90%;
	background: #004976;
}

#mobilenav sectionheader.menudepth0 > a {
	background: #004976;
}

#mobilenav sectionheader.menudepth0{
	background: #004976;
        color:#fff;
        font-size:20px;
}

.button{
	width:100%;
	height:auto;
	padding:1% 3%;
	margin:0 auto;
	text-align:center;
	background-color:transparent;
	color:white;
        border: 1px solid #00529b;

}

}

/* Phones */
@media only screen and (min-width : 320px) 
and (max-width : 600px)   {
	
	#mast-container{
        width:100%;
height:auto;
padding:0;
margin:0 auto;
		position:unset;
}
	
	
#internal-mast-container{
        width:100%;
height:auto;
padding:0;
margin:0% auto 0 auto;
position:unset;
}


#home-image{
	
	width:100%;
	height:auto;
	padding:0;
	margin:0 auto -5% auto;
	z-index:-999;
	background-size:auto;
	background-image:url(http://www.arkansasoklahomafair.com/uploads/images/general/2024FairBG-mobile.jpg);

}

	
#logo{
	display:none;
}

#mobile-logo{
	width:75%;
	height:auto;
	padding:7% 3%;
	margin:0 auto;
	float:none;
	z-index:9999;
	background-color:transparent;
}

#promo-wrapper{
        display:none;
}

#promo-wrapper-mobile{
        width:96%;
        height:auto;
        padding:105% 2% 5% 2%;
        margin:0 auto;
}

#nav-wrapper{
	width:100%;
	height:auto;
	padding:0;
    margin:0 auto;
	z-index:9995;
	position:relative;
}

#secondary-nav-container{
	width:94%;
	height:32px;
	padding:3% 3%;
	margin:0 auto;
	background-color:#275980;
}

#secondary-nav{
display:none;
}
	
#mobile-secondary-nav{
	width:70%;
	height:30px;
	padding:1% 0 0 0;
	margin:0 auto;
	color:white;
	float:left;
}

#mobile-selector-wrapper{
	width:16%;
	height:auto;
	padding:.5% 3% 0 0;
	margin:0 auto;
	float:right;
}


#pnav-wrapper{
	display:none;
}
	
#home-image{
	
		width:100%;
	height:auto;
	padding:0;
	margin:-100% auto 0 auto;
	z-index:-999;
	background-image:url(http://www.arkansasoklahomafair.com/uploads/images/general/2024FairBG-mobile.jpg);

}
	
#internal-head-image{
	display:none;

}
	
	
	#internal-content{
	width:90%;
	height:auto;
	padding:0;
	margin:2% 5%;
	background-color:#fff;
}

#internal-left-content{
        width:100%;
        height:auto;
        padding:2% 0;
        margin:0 auto;
        float:left;
}

#internal-right-content{
        width:100%;
        height:auto;
        padding:2% 0;
        margin:0 auto;
        text-align:center;
        float:right;
}
	
#footer-wrapper{
	width:96%;
	height:auto;
	padding:2%;
	margin:0 auto;
	background-color:#275980;
color:white;
        text-align:center;
}

.left{
        width:100%;
        float:none;
}

.right{
        width:100%;
        float:none;
}

.left-3col{
        width:100%;
        height:auto;
        padding:1% 0;
        margin:0 auto;
        float:none;
        text-align:center;
}

.right-1col{
        width:100%;
        height:auto;
        padding:1% 0;
        margin:0 auto;
        float:none;
        text-align:center;
}

#mobile-social-wrapper{
        width:80%;
        height:auto;
        padding:2% 10%;
        margin:0 auto;
        text-align:center;
}

/* MOBILE MENU */

a#mm-btn {
	display: block;
	width: 100%;
	height: 100%;
	padding: 10px;
}
#menuclosed, #menuopen.show-mm { display: block; }
#menuopen, #menuclosed.show-mm { display: none; }

#menumobile {
	position: absolute;
	top: -1000%;
	width: 90%;
	height: auto;
	background: #0066a4;
	padding: 20px;
	z-index: 9999;
	-webkit-box-shadow: 3px 0px 10px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 3px 0px 10px 0px rgba(0,0,0,0.25);
	box-shadow: 3px 0px 10px 0px rgba(0,0,0,0.25);
	text-shadow: none;
	border-bottom: 7px solid #003d5f;
	border-top: 7px solid #003d5f;
}
#menumobile.show-mm {
	top: 50px;
	height: 100%;
	display: table;
	table-layout: fixed;
}
#mobilenav {
	position: relative;
	top: 0;
}
#mobilenav ul, #mobilenav li {
	list-style-type: none;
	margin: 0;
	padding: 1% 0 1% 10px;
        color:#fff;
        text-transform: uppercase;
	background: #004976;
        text-align:left;
        font-size:100%;
        font-weight:400;
}
#mobilenav a {
	font-family: 'Open Sans', sans-serif;
	display: block;
	padding: 10px 0 10px 30px;
	border-bottom: 1px solid #003d5f;
	color: #fff;
	font-size: 100%;
	font-weight: 400;
	
	letter-spacing: 2px;
	text-align:left;
}
#mobilenav li:last-child a {
	border-bottom: none;
}
#mobilenav a:hover {
	color: #fff;
	background:#0085d7;
}
#mobilenav a.menuactive {
	color: #fff;

}
#mobilenav li.menudepth0 > a {
	background: #004976;
}
#mobilenav li.parent ul li a {
	font-weight: 400;
	font-size: 90%;
	background: #004976;
}

#mobilenav sectionheader.menudepth0 > a {
	background: #004976;
}

#mobilenav sectionheader.menudepth0{
	background: #004976;
        color:#fff;
        font-size:20px;
}

#home-promo-left{
	width:96%;
	height:auto;
	padding:2%;
	margin:0 auto;
        text-align:center;
	float:left;
}

#home-promo-right{
	width:96%;
	height:auto;
	padding:2%;
	margin:0 auto;
        text-align:left;
        float:right;
	
}

#weather-logo{
        width:50%;
        height:auto;
	padding:5% 0;
	margin:0 auto;
        text-align:center;
	float:none;
}

#weather-logo-wid{
        width:50%;
        height:auto;
	padding:1% 0;
	margin:6% auto 0 auto;
        text-align:center;
	float:none;
}

#weather-widget{
        width:100%;
        height:auto;
	padding:0;
	margin:0 auto;
        text-align:center;
	float:right;
}

.button{
	width:100%;
	height:auto;
	padding:1% 3%;
	margin:0 auto;
	text-align:center;
	background-color:transparent;
	color:white;
        border: 1px solid #00529b;

}

}