/*
Theme Name: Goethe Institut Olsztyn
Author: Edytor Sp. z o.o.
Author URI: https://wmarket.pl/
Description: Szablon witryny http://goethe-institut.olsztyn.pl
Version: 1.0
*/

html { margin: 0; padding: 0; }
body { margin: 0; padding: 0; font: 400 15px/1.4 'Arial', sans-serif; background:#E6E7E9; }
td{padding:7px;}
h1{color:#35B10D;margin-top:0px;font-size:1.2em;font-weight:bold;text-transform: uppercase;border-bottom:1px dotted #999;padding-bottom:5px;}
h3 a{color:#4D4E52;font-size:.55em; font-weight:bold;}
h3 a:hover{color:#4D4E52;}
.post-excerpt{font-size:.9em;}
.attachment-thumbnail{float:left; margin:10px;}

.menu li{list-style:none;text-transform: uppercase;}

a:hover > img { opacity: 0.7; }
a { text-decoration: none; transition: all 0.2s; color: #35B10D; }

.clear { clear: both; }

#header{max-width:990px;}
#header img{float:right;}
#header-content{background:#fff;}
#responsive-title{display:none;}
.title1{font-size:3em;margin:auto;display:block;margin-top:20px;}
.title2{float:right;font-size:1.2em;margin-right:30px;}
.title3{float:right;font-size:1.5em;margin-right:30px;}
#logo{float:left !important; margin-top:30px;margin-bottom:10px;}

#left-column{float:left;padding:20px 20px 0 0;width:273px;background:#fff;max-height:100%;}
#photo{margin:auto;text-align:center;margin:30px 0;}

#top-content{position:relative;left:675px;top:-10px;color:#fff;font-size:.75em;width:250px;}

#content{float:left;padding:15px;background:#fff;width:717px;font-size:.8em;}
#bip{float:right;}
.more{background:#eee;padding:5px 10px;font-size:.8em;font-weight:normal;}


#menu-mainmenu li{border-bottom:1px dotted #999;margin-bottom:5px;padding-bottom:1px;}
#menu-mainmenu li:before{content:"■ ";color:#35B10D;font-size:.8em;margin-right:3px;}
//#menu-mainmenu li:hover:before{color:#35B10D;font-size:1em;}
#menu-mainmenu a{color:#9D9D9D;font-size:.8em;text-decoration:none;}
#menu-mainmenu a:hover{color:#000;}
//#menu-mainmenu li:hover ul {height:200px;visibility:visible;}
.dwn{float:right;margin-right:5px;margin-top:5px;cursor:pointer;font-size:.65em;color:red;}
.dwn:active ul{height:150px;visibility:visible;}

//.current_page_item a:before{color:#35B10D !important;font-size:1em;}
#menu-mainmenu > .current_page_item > a{color:#000 !important;font-weight:bold;}
.sub-menu > .current-menu-item > a{color:#000 !important;}
ul .sub-menu{padding-left:20px;height:0;visibility:hidden;transition:visiblity 0.3s linear; transition:height 0.3s linear;}
ul .sub-menu li{border-bottom:0px solid #fff !important; margin-bottom:-2px !important;}
#menu-mainmenu  > li > ul > li:before{content:"■ ";color:#999;font-size:.6em;margin-right:3px;}
#menu-mainmenu  > li > ul > li > a{color:#35B10D;text-transform: none; font-size:.7em;}

#footer{max-width:990px;}
#left-footer{background:#fff;padding-top:20px;padding-bottom:35px;width:273px;float:left;}
#copy{background:#29A90A;padding:20px;color:#fff;font-size:.8em;}
#right-footer{background:#e6e7e9;padding-top:20px;padding-bottom:35px;float:left;width:717px;}
#footer-menu{background:#c4c4c4;padding-top:10px;padding-bottom:33px;}
#footer-menu li {float:left;margin-left:6px;}
#footer-menu li:after {content:" | "; color:#888;}
#footer-menu li:last-child:after{content: '';}
#footer-menu a{color:#6F6F6F;font-size:.7em;}
#footer-menu > div > ul > li >ul {display:none;}


.wpcf7-form input[type=text],.wpcf7-form input[type=email], .wpcf7-form textarea{background:#F0FBFD; width:100%;}
.date{font-size:.9em;display:block;font-weight:normal;}
.post img{float:left;margin-right:10px; border:1px solid #ccc; padding:2px;}
.post-excerpt{font-weight:normal;}

.slicknav_menu{margin:20px 0;}
//.slicknav_arrow{float:left !important;}
.slicknav_nav ul{margin:0px !important;}


@media screen and (max-width: 990px) {
    #left-column, .banner-top, #top-content,#right-footer{display:none;}
    body {background:#fff;}
    #content{width:100%;padding:15px;}
    #left-footer{width:100%;}
    #bip{margin:10px;}
    .wpcf7-form input[type=text],.wpcf7-form input[type=email], .wpcf7-form textarea{background:#F0FBFD; width:100%;}
    #responsive-title{display:block}
    #logo{margin-top:5px;}
}

@media screen and (max-width: 645px) {
    #responsive-title{display:none;}
}