/*Theme Name: Dziecięce Ogrody MuzyczneTheme URI: http://dziecieceogrody.plAuthor: estinet.plAuthor URI: http://www.estinet.pl*/html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
body { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 24px; color: #474747; }
img { max-width: 100%; height: auto; }
a:hover, a:focus { text-decoration: none; }
.preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fefefe; z-index: 99999; height: 100%; width: 100%; overflow: hidden !important; }
.status { background-image: url(images/loader-red.gif); background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; margin: -20px 0 0 -20px; }
.loaded .preloader { visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-transition: all 0.3s 1s ease-out; transition: all 0.3s 1s ease-out; }/*.navbar-wrapper { position: fixed; width:100%; height: 100px; background-color: #fff; padding-top: 15px; padding-bottom: 10px; -webkit-box-shadow: 0 0 5px 0 #8A8A8A; box-shadow: 0 0 5px 0 #8A8A8A; -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out;z-index: 10; }*/
.navbar-wrapper { position: static; padding-top: 15px; padding-bottom: 10px; top: 0; left: 0; width: 100%; -webkit-box-shadow: 0 0 5px 0 #8A8A8A; box-shadow: 0 0 5px 0 #8A8A8A; z-index: 200; background-color: #fff; -webkit-transition: top 500ms ease; -moz-transition: top 500ms ease; -o-transition: top 500ms ease; transition: top 500ms ease; }
.scrollActive .navbar-wrapper { position: fixed; padding-top: 10px; padding-bottom: 10px; }
.scrollActive .navbar-brand { width: 170px; }
.scrollActive .navbar-nav { margin-top: 5px; }
.scrollActive #socials { display: none; }
.collapse.in .pull-right { width: 100%; }
.collapse.in .nav { width: 100%; margin: 0; background-color: transparent; padding-top: 15px; }
.collapse.in .nav .navbar-nav>li>a { margin-left:0px; border-radius:0px; }
.collapse.in .navbar-nav>li>a { color: #fff }
.collapse.in .navbar-nav>li>a:hover { background-color: #474747; color: #fff }
.navbar-toggle { background-color: red; margin: 0; }
.navbar-toggle .icon-bar { background-color: #fff; }
.navbar-brand { padding: 0px; height: auto; margin-top: 8px; }
.navbar-nav { margin-top: 45px; }
.navbar { margin-bottom: 0px; }
.navbar-nav>li>a { padding-bottom: 10px; padding-top: 10px; color: #fff; border-radius: 4px; margin-left: 5px; font-size: 15px; }
.navbar-nav li:nth-of-type(1) a { background-color: #b54c77; }
.navbar-nav li:nth-of-type(2) a { background-color: #ffcc01; }
.navbar-nav li:nth-of-type(3) a { background-color: #ef7f1b; }
.navbar-nav li:nth-of-type(4) a { background-color: #9a2859; }
.navbar-nav li:nth-of-type(5) a { background-color: #8a284f; }
.navbar-nav li:nth-of-type(6) a { background-color: #66c4d0; }
.navbar-nav li:nth-of-type(7) a { background-color: #afcb1f; }
.navbar-nav li:nth-of-type(8) a { background-color: #03a9f4; }
.navbar-nav li a:hover { opacity: .7; }
.navbar-nav li li a:hover { opacity: 1; }
.navbar-nav ul.sub-menu { display: none; }
.navbar-nav ul.sub-menu li { }
.navbar-nav ul.sub-menu li a { }
.navbar-nav li { position: relative; }
.navbar-nav li:hover .sub-menu { display:block; position:absolute; top:100%; left: 5px; }
.navbar-nav li ul li a { line-height: 20px; padding: 8px 10px; text-transform: none; }
.navbar-nav a:focus { }
.navbar-nav li.hover ul a { margin:0px; background-color: #2A6B9F; color:#fff; }
.navbar-nav a:hover a { background-color: #2A6B9F; color:#fff; }
.navbar-nav ul li a { background-color: #474747; color:#fff; line-height:16px; float: none; border: 0px; width: 200px; }
.navbar-nav ul { position: absolute; top: 100%; left: -9999em; width: 200px; padding-top: 6px; }
.navbar-nav li:hover ul, .navbar-nav li.hover ul { left: 0px; }
.navbar-nav ul li { float:none; display: block; }
.navbar-nav li:hover ul a { text-transform: none; display:block; font-weight: normal; color: #FFF; background-color: #ef7f1b; border-radius: 4px; margin-bottom: 2px; box-shadow: 0px 2px 6px 0px #474747; }
.navbar-nav li:hover ul a:hover, .navbar-nav li.hover ul a:hover { text-transform: none; display:block; font-weight: normal; color: #FFF; background-color: #2A6B9F; border: 0px; }
.navbar-nav li.menu-item-has-children:focus ul { left:0px !important; }
.navbar-nav li.menu-item-has-children a:focus ul.sub-menu a, .navbar-nav li.hover ul a:active { text-transform: none; color:#000 }
.navbar-nav li:hover ul li a:focus { text-transform: none; display:block; font-weight: normal; color: #FFF; background-color: #2A6B9F; }
#menu-item-239 a { background-color: #e53a24!important; width: 110px; text-align:center; font-size: 13px; line-height: 15px; padding: 5px 10px; }
.links {position: fixed;
    z-index: 100;
    right: -32px;
    top: 50%;
    margin-top: -50px;
    transform: rotate(-90deg);
}
.links a {color: #fff;  padding: 10px; background-color: #53b703; border-radius: 4px;  -webkit-transition: opacity .15s ease-in-out;
        -moz-transition: background-color .15s ease-in-out;
        -ms-transition: background-color  .15s ease-in-out;
        -o-transition: background-color  .15s ease-in-out;
        transition: background-color  .15s ease-in-out; }
.links a:hover {background-color: #88e43e;}

#menu-item-238 a { background-color: #b54c77!important; width: 110px; font-size: 13px; text-align:center; line-height: 15px; padding: 5px 10px; }
#socials { position: absolute; top:-7px; right: 10px; font-size: 20px; }
#socials ul li { display: inline-block; }
#socials ul li a { padding: 5px 10px; display: block; float: left; color: #474747; }
#header-wrapper { margin-bottom: 40px; }
.parallax-window { min-height: 620px; background: transparent; position: relative; }
.parallax-window h2 { position: absolute; z-index: 100; width: 800px; bottom: 13%; font-size: 58px; text-align: center; line-height: 60px; color: #fff; left: 50%; margin-left: -400px; font-weight: 600; text-shadow: 1px 1px 5px #3D3D3D; }
#news-wrapper { margin-bottom: 60px; position: relative; padding-top:30px; }
#news-wrapper:before { content:""; display: block; width:50%; position: absolute; top:0px; left:0px; bottom:0px; background-color:#f8f7f6; }
h3.box-title { line-height: normal; margin-bottom: 20px; margin-left: 15px; font-size: 20px; font-weight: 600; }
.rodzice { color: #e53a24; }
.nauczyciele { color: #b54c77; }
.block-title { font-size: 32px; font-weight: 300; line-height: normal; color: #971e5f; margin-bottom: 40px; text-align: center; }
.block-title span { font-size: 12px; padding: 5px 10px; display: inline-block; color: #fff; position: relative; bottom: 8px; text-transform: uppercase; font-weight: 600; letter-spacing: 0.5px; }
.block-title span.rodzice { background-color: #e53a24; }
.block-title span.nauczyciele { background-color: #b54c77; }
.block-title:after { content: ""; display: inline-block; width: 120px; height: 1px; background-color: #cacaca; margin-left: 30px; margin-bottom: 10px; }
.block-title:before { content: ""; display: inline-block; width: 120px; height: 1px; background-color: #cacaca; margin-right: 30px; margin-bottom: 10px; }
.news { margin-bottom: 30px; min-height:450px; }
.home .news { min-height:auto; }
.news h3 { font-size:15px; }
.news h3 a { display: block; margin-bottom: 15px; color: #474747; font-weight: 600; line-height: 20px; }
.news:hover .news-img { opacity: 0.7; }
.news-img:after { content: ""; display: block; height: 2px; background-color: #ef7f1b; width:100px; margin: 10px 0px; }
.news-lead { font-size: 14px; line-height: normal; }
.read-more { display: block; text-align: right; font-size: 13px; color: #971e5f; margin-top: 10px; }
#content-wrapper { padding-top: 30px; }
.page { min-height: 600px; }
.page h1 { font-size: 32px; margin-bottom: 20px; }
.page h2 { font-size: 20px; margin-bottom: 20px; font-weight: 600; }
.page h3 { font-size: 16px; margin-bottom: 20px; font-weight: 600; }
.page h4 { font-size: 16px; margin-bottom: 20px; text-transform: uppercase; font-weight: 600; }
.page p { margin-bottom: 20px; }
.page ul { margin: 0 0 20px 30px; list-style-type: square; }
.page ol { margin: 0 0 20px 30px; list-style-type: decimal; }
.ngg-gallery-thumbnail { margin:4px!important; margin-right:4px!important; }
.ngg-gallery-thumbnail a { margin:0px!important; }
.ngg-gallery-thumbnail { border:0px!important; }/* =WordPress Core-------------------------------------------------------------- */
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float:right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
.aligncenter { display: block; margin: 5px auto 5px auto; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }
#partnerzy-wrapper { border-top: 1px solid #fbe5d2; padding: 30px 0px; background-color: #fefefe; }
#footer-wrapper { background-color: #9bb518; color: #fff; font-size: 14px; line-height: 22px; min-height: 270px; }
#footer-wrapper .container { padding-top:30px; padding-bottom: 30px; }
#footer-wrapper h2.box-title { text-transform: uppercase; margin-bottom: 10px; font-weight: 700; font-size: 14px; }
#footer-wrapper p { margin-bottom: 15px; }
#footer-wrapper ul { margin-left: 5px; }
#footer-wrapper ul li a { color: #fff; }
#footer-wrapper ul li a:before { content: "\f105"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-right: 8px; }
#bottom-wrapper { font-size: 13px; padding: 15px 0px }
#made { text-align: right; }
.go-top { position:fixed; bottom:80px; right:10px; text-decoration:none; color:#FFF; background-color:#474747; font-size:12px; padding:1em; display:none; z-index: 1100; }
.go-top:hover { background-color:#46a3ac; color: #fff; }
div#cookies-message { direction:ltr; color:#fff; position:fixed; left:50px; bottom:50px; width:210px; z-index:100; padding:10px 20px; background-color:#bfbfbf; text-align:left; font-size:12px; font-family:Open Sans; -webkit-border-radius:6px 6px 6px 0; border-radius:6px 6px 6px 0; display: none; }
div#cookies-message>a.more { background:#a8a8a8; -webkit-border-radius:0 0 6px 6px; border-radius:0 0 6px 6px; display:block; padding:6px 12px; position:absolute; top:100%; left:0; color:#fff; font-size:11px }
#accept-cookies-checkbox { display:block; width:13px; height:13px; position:absolute; top:10px; right:5px; border:0; font-size:15px; padding:0; margin:0; color:#fff }
@media only screen and (min-width:1025px) and (max-width:1366px) {
.parallax-window { min-height: 340px; }
}
@media only screen and (min-width:679px) and (max-width:1024px) {
}
@media only screen and (min-width:300px) and (max-width:678px) {
#socials { right: initial; left: 10px; }
.parallax-window { min-height:340px; }
.parallax-window h2 { width:90%; margin: 0; left: 5%; bottom: 10%; font-size: 34px; line-height: normal; }
.block-title:after { width: 40px; margin-left:5; margin-bottom: 10px; }
.block-title:before { width: 40px; margin-right: 5px; margin-bottom: 10px; }
#footer-wrapper ul li a { padding:3px; display:block; }
#made { text-align: center; }
}