/*
 Theme Name:     Vertex 2016
 Theme URI:      https://www.elegantthemes.com/gallery/vertex/
 Description:    Theme für die Urabstimmung 2016. Dies ist ein Child-Theme, dadurch kann das originale Vertex Theme weiterhin aktualisiert werden um bspw. Sicherheitslücken zu schließen.
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Vertex
 Version:        1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */

/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/
input[type=text],input.text, input.title, textarea, select { background-color:#0f3355; }

/*------------------------------------------------*/
/*---------------[MAIN LAYOUT INFO]---------------*/
/*------------------------------------------------*/
#top-menu nav a:hover, .description h2 a:hover { color: rgba(29, 174, 238, 0.9); }
#top-area h1 { font-weight: bold; }
a.action-button { color: #1daeed; }
a.more { color: #1daeed; }
#top-area h1.title { font-weight: 600; font-size: 50px; color: #0f3355; }

/** CHANGELOG: fixed scrolling background image (required: W3 Total Cache / Performance -> User Agents -> enable both groups) **/
#top-area, #pre-footer { background-position: center top; background-repeat: no-repeat; -moz-background-size: auto 500px; -webkit-background-size: auto 500px; background-size: auto 500px; background-attachment: fixed; }
.et-ios #top-area, .et-ios #pre-footer { background-position: center bottom; background-repeat: no-repeat; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; background-attachment: scroll; }

/*------------------------------------------------*/
/*---------------------[FOOTER]-------------------*/
/*------------------------------------------------*/
#main-footer a { color: #2233aa; }
#main-footer a:hover { color: rgba(29,174,238,0.9); }
.footer-widget { color: #0f3355; }
#footer-logo a { color: #0f3355; }
h4.widgettitle { color: #0f3355; }
#footer-info { color: #0f3355; }
#footer-info a { color:#2233aa; }

/*------------------------------------------------*/
/*-------------------[PAGE NAVI]------------------*/
/*------------------------------------------------*/
.mobile_nav > .et_mobile_arrow { background: url(images/mobile-arrow.png) no-repeat; }

@media only screen and ( max-width: 767px ) {
	#top-area h1.title { margin-bottom: 15px; font-weight: 600; font-size: 40px; color: #0f3355; }
	body.home #top-area { padding: 10px 0 10px; }
	#top-menu .mobile_nav { color: #0f3355; }
}
@media only screen and ( max-width: 479px ) {
	#top-area h1.title { margin-bottom: 15px; font-weight: 600; font-size: 40px; color: #0f3355; }
	body.home #top-area { padding: 10px 0 10px; }
}