/*
Theme Name: Droga do Ziemi Obiecanej
Theme URI: http://droga.y2.pl
Author: IGREKKWADRAT S.C.
Author URI: http://y2.pl/
Description: Template for 'Droga do Ziemi Obiecanej'.
Version: 1.0
Tags: mobile-compatible, igrekkwadrat
Text Domain: droga

*/


body {
	margin:0;
	padding:0;
  font-family: 'Lato', sans-serif;
  font-size:18px;
  color:#333333;

}
html,body {
	margin:0;
	padding:0;
	background-color:#ffffff;
  width:100%;
  height:100%;
  position:relative;
}

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.pointer { cursor:pointer; }



/* MENU */
#containerMenu {
  background-color:#333;
  box-shadow: inset 0px 0px 5px rgba(0,0,0,0.6);
  background-image:url(images/background_negative.gif);
}

div#menu { padding-left:40px; padding-right:40px; cursor:pointer; margin:auto 0; max-width:500px; background-color:#333; background-image:url(images/background_negative.gif); position:relative; color:#eee;}
div#menu h1 { font-size:20px; font-weight:300; }
div#menu h2 { font-size:13px; font-weight:400; }
div#menu div.menuItem {  border-top:3px solid; border-bottom:3px solid; border-color:#ddd !important; margin:0; padding: 25px;  padding-left:40px; padding-right:40px; padding-bottom:60px; postition:relative; margin-top: -3px; position:relative;}
div#menu div.menuItem .circle { width:60px; height:60px; border-radius:30px; color:#fff; overflow:hidden; position:absolute; text-align:center; top:27px; /*box-shadow: 0px 0px 5px rgba(0,0,0,0.4);*/}
div#menu div.menuItem .circle > div { margin-top:0px; font-size:45px; }
div#menu div.menuItem:nth-child(even) { border-left: 3px solid; border-top-left-radius: 50px; border-bottom-left-radius: 50px; margin-right: 45px; padding-right: 0; }
div#menu div.menuItem:nth-child(even) .circle { left:-30px;}
div#menu div.menuItem:nth-child(odd) { border-right: 3px solid; border-top-right-radius: 50px; border-bottom-right-radius: 50px; margin-left: 45px; padding-left: 0; text-align:right;}
div#menu div.menuItem:nth-child(odd) .circle { right:-30px;}
div#menu div.menuItem:first-child { margin-left:45px; border-top: 0; border-top-right-radius:0; border-top-left-radius:0; margin-top:0; border:0; background-color:#333; background-image:url(images/background_negative.gif); z-index:10; padding:0px;  }
div#menu div.menuItem:first-child > div { width:calc(50% - 23px); margin-left:0px; border-bottom:3px solid; border-right:3px solid; border-bottom-right-radius:50px; height:50px; }
div#menu div.menuItem:last-child { border-bottom-right-radius:0; border-bottom:0; border-bottom-left-radius:0; padding-bottom:150px;  }

div#menu div.menuLogo { position:absolute; left:50%; top:20px; background-color:#fff; width:120px; height:120px; margin-left:-60px; z-index:100; border-radius:60px; /*box-shadow: 0px 0px 5px rgba(0,0,0,0.4);*/ text-align:center; }
div#menu div.menuLogo img { position:relative; top:7px; width:70px; }

div#menu div.menuItem .aboutStage { font-size:45px; top:5px; position:relative; }

.containerMobileMenu, .containerMobileMenuInside { display:none; }
.containerDesktopMenu, .containerDesktopMenuInside { display:block; }

.containerDesktopMenu, .containerMobileMenu, .containerDesktopMenuInside, .containerMobileMenuInside  { position: fixed; left:20px; top:20px; z-index:1000; width:50px; height:50px; border-radius:25px; background-color:#19afe8; color:#fff; text-align:center; box-shadow: 0px 0px 5px rgba(0,0,0,0.4); }
.containerDesktopMenu > i, .containerMobileMenu > i, #goBackUp > i { font-size:45px; top:3px; position:relative; }
.containerDesktopMenuInside, .containerMobileMenuInside { left:20px; top:-70px;}
.containerDesktopMenuInside > i, .containerMobileMenuInside > i { font-size:45px; top:3px; position:relative; }

.slideout-menu { position: fixed; top: 0; bottom: 0; width: 500px; min-height: 100vh; overflow-y: scroll; -webkit-overflow-scrolling: touch; z-index: 0; display: none; }

.slideout-menu-left { left: 0; }
.slideout-menu-right { right: 0; }
.slideout-panel { position: relative; z-index: 1; will-change: transform; background-color: #FFF; /* A background-color is required */ min-height: 100vh; }
.slideout-open, .slideout-open body, .slideout-open .slideout-panel { overflow: hidden; }
.slideout-open .slideout-menu { display: block; }


.containerDesktopMenu, .containerMobileMenu, .containerDesktopMenuInside, .containerMobileMenuInside {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transform-origin: center center;
  z-index:1000;
}

.containerDesktopMenu,  .containerMobileMenu { transition: all 0.5s ease;  transition-delay: 0.2s; }
.containerDesktopMenu.folded, .containerMobileMenu.folded  { top:-70px; transform: rotate(90deg); transition-delay: 0.0s; }
.containerDesktopMenuInside, .containerMobileMenuInside { transition: all 0.5s ease; transition-delay: 0.0s; }
.containerDesktopMenuInside.unfolded, .containerMobileMenuInside.unfolded { top: 20px; transform: rotate(-90deg); transition-delay: 0.2s; }



.slopeLeftTop, .slopeLeftBottom, .slopeRightTop, .slopeRightBottom { position: absolute; background-repeat: no-repeat; width: 10000px; height: 3000px; }
.slopeRightTop { top:0px; left:50%; margin-left:-325px; }
.slopeRightBottom { bottom:0px; left:50%; margin-left:-325px; }
.slopeLeftTop { top:0px; right:50%; margin-right:-325px; }
.slopeLeftBottom { bottom:0px; right:50%; margin-right:-325px; }


.containerArticle { position:relative; overflow:hidden; background-size: cover; background-position: center; }
.containerArticleOutside { position:relative; max-width:1000px; margin:0 auto; }
.containerArticleText { width:50%; position:relative; margin-right:0%; color:#eee; padding-top:40px; padding-bottom:60px; }

.containerArticleOutside .right { float:right; margin-right:10%; }
.containerArticleOutside .top, .containerArticleOutside .center { width:100%; margin:0 auto; }
.containerArticleTextTitle { font: 'Lato', serif; font-size:32px; }
.containerArticleTextDesc { font: 'Lato', serif; font-size:16px; }


.mobileImage { display:none; background-image:none; }
.mobileSlope { display:none; }
.dektopSlope { }



.containerPost { max-width:800px; margin:0 auto; padding-top:110px; padding-bottom:50px;  }
.containerPostTitle { margin-right:50px; padding-bottom:10px; font-size:32px; }
.containerPostHeader { font-size:24px; font-weight:300; }
.containerPostContent { font-size:16px; }










a { color: #666; text-decoration: underline; border: 0; }
a:hover { color: #19afe8; text-decoration: none; border: 0;}

.drogaBlue { color:#19afe8; }
.drogaBlueBG { background-color: #19afe8; }

.clearBoth { clear:both; }
.clearBothInvisible { clear:both; height:1px; overflow:hidden; }


#goBackUp { width:50px; height:50px; position:fixed; bottom:-60px; left:50%; margin-left:-25px; border-radius:25px; background-color:#19afe8; overflow:hidden; box-shadow: 0px 0px 5px rgba(0,0,0,0.4); margin-bottom:0px; cursor:pointer; z-index:10000; text-align:center; color:#fff; }






.containerLogo {
  position:fixed;
	right:50%;
	top:-10px;
	width:120px;
	margin-right:-500px;
  z-index:1000;
  display:block;
}

.containerLogoMark {
    border: none;
    background-color:#ffffff;
    padding:5px;
    padding-top:20px;
    padding-bottom:10px;
    border-radius:10px;
    box-shadow: 0px 2px 2px #666666;
    margin-bottom:5px;
    overflow:hidden;


}
.containerLogoMark img { display: block; border: 0; margin-bottom:5px; width:110px; }



.containerContent > .containerArticle:first-child { padding-top:120px; }
/*.containerContent > .containerPage:nth-child(odd) { box-shadow: 0px 0px 5px rgba(0,0,0,0.6); z-index:200;  }*/
.containerPage {
    position:relative;
    z-index:100;
}

.containerPageElement {
  max-width:1000px;
  margin:0 auto;
}

.containerPageElement article { display:table; table-layout:fixed; }
.containerPageElement .containerLeft, .containerPageElement .containerRight { display:table-cell; width:50%; height:100%; position:relative }

.containerTop, .containerBottom { display:block;margin:0 auto; }

.containerPageTaskInfo { display:inline-block; padding:10px; padding-left:20px; padding-right:20px; background-color:#333; text-transform:uppercase; color:#eee; font-size:20px; font-weight: bold; transform: rotate(-10deg); margin-bottom:25px;}
.containerPageTitle { font-size:42px; }
.containerPageCitation { font-size:18px; }
.citationPre { font-size: 17px; font-weight: 300;}
.containerPageDesc { font-size:21px;}

.containerPageText { position:relative; z-index:500; }
.containerImage { position:absolute; top:0px; left:0px; right:0px; bottom:0px; z-index:400; }


.button {
    background-color:#ffcc00;
    color:#333333;
    font-weight: 400;
    border-radius: 3px;
    box-shadow: 0px 1px 2px #999999, 0px -1px 3px #dd9900 inset;
    padding:5px;
    padding-left:15px;
    padding-right:15px;
    font-size:14px;
    cursor:pointer;
    margin:0px;
    text-align:center;
}

.button:hover, .buttonSmall:hover {
    background-color:#333333;
    color:#eeeeee;
    box-shadow: 0px 1px 2px #999999, 0px -1px 3px #999999 inset;
}



.fullWidth { width:100%; }
.fullHeight { height:100%; }


.blockSpacer { margin-left:30px;margin-right:20px;padding-top:60px;padding-bottom:60px; }
.title { font-size:46px; display:block; color:#333333; line-height:130%; margin-bottom:30px; font-family: "Roboto", sans-serif; font-weight:300; }
.header { font-size:24px; display:inline;}


.blockContent {
    position:relative;
    display:table;
    width:100%;
    z-index:10;

    /*width:1200px;
    margin:auto;*/

}

.blockContent p { line-height: 140%;  }

.boxSectionColoredClass {
    z-index:2;
    position:relative;
}



.blockSectionImage_mobile {
    margin:auto;
    text-align: center;
    display:none;
}

.blockSectionImage_left, .blockSectionImage_center, .blockSectionImage_right {
    display:table-cell;
    vertical-align: middle;
    text-align: center;
    width:350px;
}
.blockSectionImage_left > img, .blockSectionImage_center > img, .blockSectionImage_right > img { max-width:100%; height:auto; }
.blockSectionImage_center { display:table-row; }
.blockSectionImage_left { padding-right:30px; text-align: left;}
.blockSectionImage_right { padding-left:30px; text-align: right;}

.blockSectionContent_left, .blockSectionContent_right, .blockSectionContent_center {
    display:table-cell;
    text-align: left;
	vertical-align: middle;
}
.blockSectionContent_right {text-align: right;}
.blockSectionContent_center { text-align: center; }


#containerSimpleContent {
    background-color:#ffffff;
}
#containerSimpleContentTitle {
    font-size:36px;

    color:#ffdd00;
    font-weight: 400;
}

#containerFooter { width:100%; background-color:#333; background-image:url(images/background_negative.gif); padding-top:50px; padding-bottom:80px; position:relative; z-index:1000; }
.containerFooterContent { width:1000px; margin:0 auto; text-align:left; }
#containerFooterMarginMenuLogo { height:50px; }

#containerFooterLogo { float:left; }
#containerFooterLogo img { width:80px; }

.containerFooterCompanyInfo { font-size:13pt !important; color:#eeeeee; float:left; padding-left:20px; padding-right:50px; }
.containerFooterCompanyInfoCopyright { font-size:10pt; font-weight:300; }

.mobile_containterFooterMenu { display:none; }
.containterFooterMenu { float:left; }
.containterFooterMenu li { font-size:16px; font-weight:300; text-transform: uppercase; list-style: none; float: left; padding-right:30px;}
.containterFooterMenu li a { color:#eee; text-decoration: none; }
.containterFooterMenu li a:hover { color:#19afe8; }