/*
Theme Name: Delaware United
Theme URI: delawareunited.org
Author: Karl Stomberg
Author URI: none yet
Description: For the Delaware United site
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blue, nothing else
Text Domain: delawareunited

*/

html, body{
    margin: 0px;
    padding: 0px;
}

.fts-jal-fb-header{
    display: none !important;
}


/* DESKTOP CSS */




@media (orientation: landscape){

/* DESKTOP MENU CSS */

header{
    
    width: 15%;
    height: 100vh;
    background-color: #2A7A9C;
    color: #FAE266;
    position: fixed;
    left: 0%;
    top: 0%;
    
}
    
header #hamburger{

    display: none;
    
}

header img{
    
    width: 80%;
    max-width: 175px;
    padding: 20px;
    display: block;
    cursor: pointer;
    
}

header ul{
    
    margin: 0px;
    padding-left: 30px;
    
}

header li{
    
    list-style: none;
    font-size: 1.5vw;
    font-family: proxima-nova, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    padding-top: 30px;
    
}

header li a{
    
    color: #FAE266;
    text-decoration: none;
    
}

header li ul{
    display: none;
    padding-left: 0px;
}

header li ul li{
    
    font-size: .85vw;
    font-weight: 400;
    padding-top: 8px;
    
}

header li ul li a{
    
    color: #FFF0A0;
    
}

/* DESKTOP MAIN CSS */

div#main{
    
    width: 85%;
    position: absolute;
    left: 15%;
    top: 0%;
    
}

#main #homeimg{
    
    width: 100%;
    margin: 0px;
    padding: 0px;
    background-image: url(images/bg.png);
    background-size: 100% auto;
    font-family: proxima-nova, sans-serif;
    
}

#main #homeimg h1{
    
    text-align: center;
    color: #FFF;
    font-size: 80px;
    padding: 20px 0px 100px 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    letter-spacing: 2px;
    font-weight: 600;
}

#main #homeimg h2{
    
    text-align: center;
    color: #FFF;
    font-size: 32px;
    padding: 100px 0px 20px 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    letter-spacing: 2px;
    
}

#main #topimg{
    
    width: 100%;
    height: 150px;
    margin: 0px;
    padding: 0px;
    background-image: url(images/top.png);
    background-size: 100% auto;
    
}

/* DESKTOP PAGE CSS */
	
	#main img.alignleft{
		
		float: left;
		margin-right: 30px;
		
	}

#main #page-content{
    
    max-width: 900px;
    margin: auto;
    padding: 0px 50px 0px 50px;
    
}

#main #page-content h1{
    
    font-family: proxima-nova, sans-serif;
    font-size: 60px;
    padding: 20px 0px 10px 0px;
    margin-top: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
    
}

#main #page-content h2{
    
    font-family: proxima-nova, sans-serif;
    font-size: 32px;
    color: #666;
    text-transform: uppercase;
    margin-bottom: 5px;
    
}

#main #page-content h3{
    
    font-family: Georgia, serif;
    font-size: 32px;
    color: #666;
    margin-bottom: 5px;
    
}

#main #page-content li{
    
    line-height: 1.5em;
    font-size: 18px;
    
}

#main #page-content hr{
    
    border: 1px #333 solid;
    margin-top: 50px;
    margin-bottom: 50px;
    
}

#main #page-content p{
    
    font-family: Georgia, serif;
    font-size: 16px;
    padding: 10px 0px 10px 0px;
    line-height: 1.5em;
    
}

#main #page-content img.leftimg{
    
    width: 150px;
    height: auto;
    float: left;
    padding-right: 20px;
    
}
	
#main #page-content .alignleft{
   
    float: left;
    padding-right: 20px;
    
}
	
#main #page-content .aligncenter{
    
	display: block;
	margin: auto;
    
}
	
#main #page-content .alignright{
   
    float: right;
    padding-left: 20px;
    
}
    
.rpwwt-widget .rpwwt-post-title{
    
    font-family: proxima-nova, sans-serif;
    font-size: 32px;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    
}
    
.rpwwt-widget .rpwwt-post-categories{
    
    font-family: proxima-nova, sans-serif;
    font-size: 24px;
    color: #666;
    text-transform: uppercase;
    padding-bottom: 15px;
    
}
    
.rpwwt-widget .rpwwt-post-excerpt{
    
    font-family: Georgia, serif;
    font-size: 16px;
    line-height: 1.5em;
    
}

/* DESKTOP POST CSS */

#main #post-content{
    
    max-width: 900px;
    margin: auto;
    padding: 0px 50px 0px 50px;
    
}

#main #post-content #post-title{
    
    font-family: proxima-nova, sans-serif;
    font-size: 60px;
    padding: 20px 0px 10px 0px;
    margin-top: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
    
}

#main #post-content h1{
    
    font-family: proxima-nova, sans-serif;
    font-size: 48px;
    padding: 20px 0px 10px 0px;
    margin-top: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
    
}

#main #post-content h2{
    
    font-family: proxima-nova, sans-serif;
    font-size: 32px;
    color: #666;
    text-transform: uppercase;
    margin-bottom: 5px;
    
}

#main #post-content h3{
    
    font-family: Georgia, serif;
    font-size: 32px;
    color: #666;
    margin-bottom: 5px;
    
}

#main #post-content li{
    
    line-height: 1.5em;
    font-size: 18px;
    
}

#main #post-content hr{
    
    border: 1px #333 solid;
    margin-top: 50px;
    margin-bottom: 50px;
    
}

#main #post-content p{
    
    font-family: Georgia, serif;
    font-size: 16px;
    padding: 10px 0px 10px 0px;
    line-height: 1.5em;
    
}
	
#main #post-content .alignleft{
   
    float: left;
    padding-right: 20px;
	text-align: center;
    
}
	
#main #post-content .aligncenter{
    
	display: block;
	margin: auto;
    
}
	
#main #post-content .alignright{
   
    float: right;
    padding-left: 20px;
	text-align: center;
    
}
	
#main .wp-caption p{
	
	padding: 0px 10px 0px 10px;
	margin: 0px;
	text-align: center;
	font-style: italic;
	font-weight: bold;
	color: #666;
	
}
    
}



/* MOBILE CSS */




@media (orientation: portrait){

/* MOBILE MENU CSS */

header{
    
    width: 100%;
    height: 10vh;
    background-color: #2A7A9C;
    color: #FAE266;
    position: fixed;
    left: 0%;
    top: 0%;
    
}

header img{
    
    height: 8vh;
    width: auto;
    display: block;
    margin: auto;
    margin-top: 1vh;
    
}
    
header #hamburger{

    height: 6vh;
    width: 6vh;
    position: fixed;
    left: 2vh;
    top: 2vh;
    background-size: 100% 100%;
    
}

header ul{
    
    width: 100%;
    height: 90vh;
    position: fixed;
    left: 0%;
    top: 10vh;
    background-color: #2A7A9C;
    margin: 0px;
    border-top: 2px #FFF solid;
    display: none;
    overflow-y: scroll;
    
}

header li{
    
    list-style: none;
    font-size: 6vw;
    font-family: proxima-nova, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    padding-top: 30px;
    
}

header li a{
    
    color: #FAE266;
    text-decoration: none;
    
}

header li ul{
    padding-left: 0px;
    width: auto;
    height: auto;
    position: static;
    border-top: none;
    display: block;
    overflow-y: hidden;
}

header li ul li{
    
    font-size: 4vw;
    font-weight: 400;
    padding-top: 8px;
    
}

header li ul li a{
    
    color: #FFF0A0;
    
}

/* MOBILE MAIN CSS */

div#main{
    
    width: 100%;
    padding-top: 10vh;
    
}

#main #homeimg{
    
    width: 100%;
    margin: 0px;
    padding: 0px;
    background-image: url(images/bg.png);
    background-size: 100% auto;
    font-family: proxima-nova, sans-serif;
    
}

#main #homeimg h1{
    
    text-align: center;
    color: #FFF;
    font-size: 52px;
    padding: 20px 0px 100px 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    letter-spacing: 2px;
    font-weight: 600;
}

#main #homeimg h2{
    
    text-align: center;
    color: #FFF;
    font-size: 24px;
    padding: 100px 0px 20px 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    letter-spacing: 2px;
    
}

#main #topimg{
    
    width: 100%;
    height: 150px;
    margin: 0px;
    padding: 0px;
    background-image: url(images/top.png);
    background-size: 100% auto;
    
}

/* MOBILE PAGE CSS */
	
#main img.alignleft{
		
	float: left;
	margin-right: 30px;
		
}

#main #page-content{
    
    max-width: 900px;
    margin: auto;
    padding: 0px 20px 0px 20px;
	overflow-x: hidden;
    
}

#main #page-content h1{
    
    font-family: proxima-nova, sans-serif;
    font-size: 48px;
    padding: 20px 0px 10px 0px;
    margin-top: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
    
}

#main #page-content h2{
    
    font-family: proxima-nova, sans-serif;
    font-size: 24px;
    color: #666;
    text-transform: uppercase;
    margin-bottom: 5px;
    
}

#main #page-content h3{
    
    font-family: Georgia, serif;
    font-size: 24px;
    color: #666;
    margin-bottom: 5px;
    
}

#main #page-content li{
    
    line-height: 1.5em;
    font-size: 18px;
    
}

#main #page-content hr{
    
    border: 1px #333 solid;
    margin-top: 50px;
    margin-bottom: 50px;
    
}

#main #page-content p{
    
    font-family: Georgia, serif;
    font-size: 16px;
    padding: 10px 0px 10px 0px;
    line-height: 1.5em;
    
}
	
#main #page-content img{
	
	max-width: 100%;
	height: auto;
	
}

#main #page-content img.leftimg{
    
    width: 150px;
    height: auto;
    float: left;
    padding-right: 20px;
    
}
	
#main #page-content .alignleft{
   
    display: block;
	margin: auto;
    
}
	
#main #page-content .aligncenter{
    
	display: block;
	margin: auto;
    
}
    
.rpwwt-widget .rpwwt-post-title{
    
    font-family: proxima-nova, sans-serif;
    font-size: 32px;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    
}
    
.rpwwt-widget .rpwwt-post-categories{
    
    font-family: proxima-nova, sans-serif;
    font-size: 24px;
    color: #666;
    text-transform: uppercase;
    padding-bottom: 15px;
    
}
    
.rpwwt-widget .rpwwt-post-excerpt{
    
    font-family: Georgia, serif;
    font-size: 16px;
    line-height: 1.5em;
    
}

/* MOBILE POST CSS */

#main #post-content{
    
    max-width: 900px;
    margin: auto;
    padding: 0px 20px 0px 20px;
	overflow-x: hidden;
    
}

#main #post-content #post-title{
    
    font-family: proxima-nova, sans-serif;
    font-size: 48px;
	text-align: center;
    padding: 20px 0px 10px 0px;
    margin-top: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
    
}

#main #post-content h1{
    
    font-family: proxima-nova, sans-serif;
    font-size: 48px;
    padding: 20px 0px 10px 0px;
    margin-top: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
    
}

#main #post-content h2{
    
    font-family: proxima-nova, sans-serif;
    font-size: 32px;
    color: #666;
    text-transform: uppercase;
    margin-bottom: 5px;
    
}

#main #post-content h3{
    
    font-family: Georgia, serif;
    font-size: 32px;
    color: #666;
    margin-bottom: 5px;
    
}

#main #post-content li{
    
    line-height: 1.5em;
    font-size: 18px;
    
}

#main #post-content hr{
    
    border: 1px #333 solid;
    margin-top: 50px;
    margin-bottom: 50px;
    
}

#main #post-content p{
    
    font-family: Georgia, serif;
    font-size: 16px;
    padding: 10px 0px 10px 0px;
    line-height: 1.5em;
    
}
	
#main #post-content img{
	
	max-width: 100%;
	height: auto;
	
}
	
#main #post-content .alignleft{
   
    display: block;
	margin: auto;
	text-align: center;
    
}
	
#main #post-content .aligncenter{
    
	display: block;
	margin: auto;
    
}
	
#main .wp-caption p{
	
	padding: 0px 10px 0px 10px;
	margin: 0px;
	text-align: center;
	font-style: italic;
	font-weight: bold;
	color: #666;
	
}
    
}