/*
Theme Name: SOMTO2016
Description: Theme für S.O. Medien Triathlon Ostfriesland
Author: S.O. Medien
URI: http://www.so-medien.de
Template: Divi
Version: 1.0
Tags:
*/
@import url("../Divi/style.css");





/*########################### Header ###########################################*/


#et-top-navigation {
    font-weight: 300;
}

#top-menu.nav a:hover { color: #2ea3f2 !important}

#top-menu-nav > ul > li > a:hover,
#et-secondary-menu > ul > li > a:hover,
#et-info-email:hover,
.et-social-icons a:hover {
	color: #2ea3f2 !important
	opacity: 1 !important;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}


/*########################### Blog-Box ###########################################*/

.et_pb_blog_grid_dropshadow .et_pb_post {
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
}

.et_pb_image_container, .et_pb_blog_grid .et_main_video_container, .et_pb_blog_grid .et_audio_content, .et_pb_blog_grid .et_pb_post .et_pb_slider {
    margin: -15px -15px 10px;
}

.et_pb_blog_0 .et_pb_post .post-meta, .et_pb_blog_grid .et_pb_post .post-meta, .et_pb_blog_0 .et_pb_post .post-meta a {
    color: #2ea3f2 !important;
    font-family: "Open Sans Condensed",Helvetica,Arial,Lucida,sans-serif;
    font-size: 16px !important;
	font-style: normal;
    font-weight: 400 !important;
    text-decoration: none;
    text-transform: none;
}

.more-link {
	display:block;
	height: 24px;
    width: 100%;
	color: rgba(255,255,255,0.00)!important;
	background:url(more.png) no-repeat right 0;
	margin-top: 10px; margin-bottom: -5px;
}
.more-link:hover {
	background:url(more.png) no-repeat right -26px;
}

.et_link_content {
    background-color: rgba(40, 57, 65, 0.9) !important;
	margin: -15px -15px 10px !important;
}

.et_pb_blog_0 .et_pb_post .et_link_content h2 {
    color: #FFFFFF !important;
}

.et_quote_content {
	margin: -15px -15px 10px !important;
}


.et_quote_content blockquote p {
	font-size: 1.5em !important;
}

.et_quote_content blockquote em {
	font-size: 0.7em !important;
}


/*########################### Sponsoren ###########################################*/

.sponsorcontainer:hover .sponsor {
-webkit-transform:scale(0.8);
transform:scale(0.8);
}
.sponsorcontainer {
float:left;
overflow:hidden;
width:129px;
height:105px;
margin: 0px 0px;
}
.sponsor {
-webkit-transform:scale(1);
transform:scale(1);
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}

/*########################### Footer ###########################################*/
#main-footer {
	height: 80px !important;
	background-color: rgba(40, 57, 65, 1.0) !important;

}
#footer-bottom {background-color: transparent!important; padding: 25px 0 0 !important;}

ul#menu-fusszeilenmenu {
    padding: 0px !important;
    width: 215px;
    margin: 0 auto;
}

#footer-info {
	margin-right:50px;
}

#footer-info,
#footer-info a,
#menu-fusszeilenmenu li a {
    font-size: 14px;
}
#menu-fusszeilenmenu li a:hover {text-decoration: underline !important;}

#footer-widgets {
    padding-top: 20px;
}
.footer-widget {
    float: left;
  /*width: 510px;*/
    margin: 0px 60px 20px 0px;
    color: #fff;
}

a.footer-logo {
	float: left;
    display: inline-block;
	height:35px !important;
	width: 35px !important;
	margin-top: -8px;
	margin-right:10px;
}

.bottom-nav {
    padding: 0px 0;

}

.bottom-nav a:hover {
	color: #2ea3f2 !important;

}
.bottom-nav a:active {
	color: #2ea3f2 !important;

}

.bottom-nav li.current-menu-item a {
    color: #2ea3f2 !important;
}

#footer-bottom a {
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

#footer-info {
	float: left;
	padding-bottom: 10px;
	color: #666;
	text-align: left;
}

#footer-info a {
	color: #666;
	font-weight: 700;
}

#footer-info a:hover {
	color: #2ea3f2 !important;
	opacity: 1;
}

.et_pb_social_media_follow li a.follow_button:hover {
	color: #2ea3f2 !important;
	background: rgba(0, 0, 0, 0.2);
}


/*########################### Tables ###########################################*/

.tablepress tbody td {
	font-size: 12px;
}

.tablepress thead th,
.tablepress tfoot th {
	font-size: 12px;
}

.tablepress .column-1, .tablepress .column-2, .tablepress .column-3, .tablepress .column-4, .tablepress .column-5, .tablepress .column-6, .tablepress .column-7, .tablepress .column-8, .tablepress .column-9, .tablepress .column-10, .tablepress .column-11, .tablepress .column-12, .tablepress .column-13, .tablepress .column-14, .tablepress .column-15 {
	padding: 5px;
}


.tablepress .column-8, .tablepress .column-10, .tablepress .column-12, .tablepress .column-14 {
	width: 10px;
}


#tablepress-id-11 .column-1, #tablepress-id-11 .column-2, #tablepress-id-11 .column-3, #tablepress-id-11 .column-4, #tablepress-id-11 .column-5, #tablepress-id-11 .column-6, #tablepress-id-11 .column-7 {
width: 100px !important;
}

#tablepress-id-11 .column-1, #tablepress-id-11 .column-2, #tablepress-id-11 .column-3, #tablepress-id-11 .column-4, #tablepress-id-11 .column-5, #tablepress-id-11 .column-6, #tablepress-id-11 .column-7 {
padding: inherit !important;
}

/*########################### Picture Fade ###########################################*/

#cf {
  position:relative;
  min-height:150px;
  width:100%;
  margin:0 auto;
}

#cf img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#cf img.top_button:hover {
  opacity:0;
}

/*########################### Blog Navigation ###########################################*/

.pagination {
    clear: both;
    background-color: rgba(40, 57, 65, 0.9);
}