/*
Theme Name: AleWitryna Maggy
Theme URI: http://maggy.alewitryna.pl
Author: AleWitryna
Author URI: https://alewitryna.pl
Description: Since 2016 we are creating your favorite website theme. In 2017 we created Maggy Theme containing homepage content in either a grid with 2d transformation or a slider. You can personalize jumbotron using images in header and specjal taxomy called jumbotron and also thumbnail with 3d transformation highlighting the last five posts. Use two widget areas to customize your website. Creating a website with WordPress has never been easier and impressive. If you have questions call our support. Pomoc techniczna takze w jezyku polskim. Zapraszamy dopobrania motywu.
Version: 1.0.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, news, two-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: maggy

This theme, is licensed under the GPL.

*/
/* Reset */
.site-main, #main, .hfeed, #page {background: none;}

p, h1, h2, h3, h4, h5, h6, a{font-family: Raleway, verdena !important;}

a {
	text-decoration: none !important;
}

/* Menu - background, title margin */

.site-header{background-color: #E100DD;
}
.site-title {margin-right: 15px;}

/* Jumbotron */

#site-header {background: #FEFF7D;
display: block;
max-height: 608px;
padding-bottom: 4px;
}

#site-header img{max-height: 608px;
padding-bottom: 4px;}

.jumbotron{background: none;
height: 550px;
position: absolute;
top:0;
left:0;
z-index:4;}

.jumbotron .container {background: rgba(225,0,221,0.4);
color:#fff;
max-width: 480px;
max-height: 350px;
padding: 10px 20px 20px 20px;
border-radius: 5px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.jumbotron .container a{color:#fff;}
.jumbotron .container h1{margin:10px;
}
.jumbotron .container .widget-title a{margin:0px;
color:#fff;}

.jumbotron .container ol li {list-style-type: none !important;
}
.jumbotron .container .entry-content {border-bottom: 2px dashed #fff;}
.jumbotron .container .post-format-archive-link{background-color:#5cb85c;
padding:5px;
margin:2px;
border: 1px solid #24890d;
display:block;
max-width:110px;
color:#fff;
border-radius: 5px;}

.jumbotron .container .post-format-archive-link:hover {
border-radius: 5px;
color:#5cb85c;
background-color:#fff;}

/* grid - post thumbnail transformation */

a.post-thumbnail:hover img {
	-webkit-transition-timing-function: ease-out; 
	transition-timing-function: ease-out;
	-webkit-transition: transform 3s;	
	transition: transform 3s;
	-ms-transform: rotate(20deg); /* IE 9 */
	-webkit-transform: rotate(20deg); /* Safari */
	transform: rotate(20deg);}

/* Last 5 news - background, thumbnail transformation, margin, img size */

.container-fluid {background-color: #fff;}
.container-fluid .row {padding: 10px 0px 10px 0px;}

.container-fluid .col-xl-8 .media img:hover {
-webkit-transition-timing-function: ease-out; 
	transition-timing-function: ease-out;
	-webkit-transition: transform 3s;	
	transition: transform 2s;
	-webkit-transform: rotatey(1440deg); /* Safari */
	transform: rotatey(1440deg);
}
.container-fluid .col-xl-8 {margin-top: 20px;
}
.list-group-item {margin-top: 10px;}

.pull-left {width: 110px;
height: 110px;
margin-right: 10px;}

/* Gallery */
.maggy-gallery .container-fluid{background-color:#fff;
height:100%;}
.maggy-gallery .container-fluid {margin:0px;
padding:10px 0px 10px 0px;}
.maggy-gallery h1{text-align:center;
margin:0px;
padding:15px;}
.maggy-gallery a{color:#24890d;}
.maggy-gallery ol{margin:0px;
overflow:hidden;
width:100%;
}
.maggy-gallery li{width:40%;
list-style-type: none !important;
float:left;
margin:5%;}

.maggy-gallery img {
height:400px;
border-radius: 5px;
}

.maggy-gallery img:hover{-webkit-filter: sepia(100%);
	filter: sepia(100%);
	opacity: 0.5;
  filter: alpha(opacity=50); /* For IE8 and earlier */
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);   
	-ms-transform: scale(1.02, 1.02); /* IE 9 */
	-webkit-transform: scale(1.02, 1.02); /* Safari */
  transform: scale(1.02, 1.02);
	-webkit-transition: transform 2s;	
	transition: transform 2s;}
	
.maggy-gallery .post-format-archive-link{
background-color:#5cb85c;
padding:5px;
margin:2px;
border: 1px solid #24890d;
display:block;
max-width:170px;
max-height:90px;
color:#fff;
border-radius: 5px;}

.maggy-gallery .post-format-archive-link:hover {
border-radius: 5px;
color:#5cb85c;
background-color:#fff;}

/* quotes */

.quote .container-fluid {border-radius: 5px;
background: rgba(225,0,221,0.3);
margin: 15px 20% 15px 20%;}

.quote .container-fluid p{color:#fff;}
.quote ol li {list-style-type: none !important;}
.quote h1{text-align:center;
margin:0px;
padding:15px;}
.quote a{color:#24890d;}
.quote .post-format-archive-link{
background-color:#5cb85c;
padding:5px;
margin:2px;
border: 1px solid #24890d;
display:block;
max-width:170px;
max-height:90px;
color:#fff;
border-radius: 5px;}

.quote .post-format-archive-link:hover {
border-radius: 5px;
color:#5cb85c;
background-color:#fff;
}

/* Video */
.vid .container-fluid {background: #fff;}
.vid .container-fluid ol li {list-style-type: none !important;}
.vid h1{text-align:center;
margin:0px;
padding:15px;}
.vid .container-fluid .wp-playlist-light{margin-bottom: 60px;
margin-top: 60px;
color:#fff;
background:#000;
width:100%;
box-shadow: 0px 0px 20px 40px #000;  }

.vid .container-fluid .wp-playlist-light .wp-playlist-playing{color:#fff;
background:#000;
border-top: 2px solid red;}

.vid .container-fluid .hentry{margin: 0px 10% 0px 10%;
max-Width:100%;}

.vid .post-format-archive-link{
background-color:#5cb85c;
padding:5px;
border: 1px solid #24890d;
display:block;
max-width:170px;
max-height:90px;
color:#fff;
border-radius: 5px;}

.vid .post-format-archive-link:hover {
border-radius: 5px;
color:#5cb85c;
background-color:#fff;
}
.vid .container-fluid .wp-playlist{border: none;}
.vid .container-fluid .wp-playlist-light .wp-playlist-caption{color:#fff;}
/* footer */
#supplementary{background-color:#111;}