/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/

#section-landing-page h1 {
	color: white!important;
	font-weight: 600!important;
}

#section-landing-page h3 {
	color: white!important;
}

#footer {
	color: white!important;
}

#footer a {
	color: white!important;
}

#footer a:hover {
	color: #aaaaaa!important;
	transition: color 0.2s!important;
}

#socket a {
	color: white!important;
}

#socket a:hover {
	color: #aaaaaa!important;
	transition: color 0.2s!important;
}

#footer h2{
	color: white!important;
}

#footer #logo img{
	width: 80%!important;
}

#socket .copyright {
	float: none!important;
}

#socket {
	display: flex!important;
  	justify-content: space-between!important;
  	align-items: center!important;
  	flex-wrap: wrap!important;
  	max-width: 100%!important;
  	width: 100%!important;
}

#left-socket, #right-socket {
	width: 50%!important;
	text-align: center!important;
}


#socket a {
	margin-right: 6%!important;
	color: white!important;
}

.pages-header h1 {
	color: white!important;
}

#links-section h1{
	color: #9a1101!important;
	margin-bottom: 30px!important;
}

.bot-links {
	margin-top: 80px!important;
}

#footer ::selection {
  background-color: white!important;
  color: #9a1101!important;
}


.pages-header ::selection {
  background-color: white!important;
  color: #9a1101!important;
}

p {
	line-height: 25px!important;
}

#formular {
	margin-top: 50px!important;
}

#termine-logo {
	float: left!important;
}

#termine-logo img {
	width: 50%!important;
}

#publikationen .avia-icon-list-container {
	margin-bottom: 20px!important;
}


@media screen and (max-width: 768px) {
	#socket p {
		text-align: left!important;
	}
	
	.avia-image-container.avia-align-right {
		float: none !important;
		margin-left: auto !important;
		margin-right: auto !important;
		display: block !important;
		text-align: center !important;
  	}

	 .avia-image-container.avia-align-right img {
		display: block !important;
		margin-left: auto !important;
		margin-right: auto !important;
	 }
}

@media screen and (max-width: 500px) {
	h1 {
		font-size: 25px!important;
	}
	h2{
		font-size: 22px!important;
	}
}


@media (max-width: 600px) {
  .custom-left, .custom-right {
    width: 100%;
    text-align: center;
    margin: 5px 0;
  }
}

/*Add your own styles here:*/