/* Theme Name: Szymon
Author: Solutions Media

www.solutionsmedia.pl
*/

body {
     font-family: 'Lato', sans-serif;
     line-height: 1.8em;
     overflow-x:hidden;
}

a:link, a:visited, a:active {text-decoration:none;color:#fd0100;}
a:hover {text-decoration:none;color:#6c6e70;}
a:focus {outline-color: transparent;}

:focus {
    outline: none;
}

h1, h2, h3, h4, h5, h6 {font-weight:300;font-style:italic;text-transform:uppercase;}

h1 {font-size: 25px;}
h2 {font-size: 23px;}
h3 {font-size: 21px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}
h6 {font-size: 14px;}

.anchor{display: block; position: relative; top: -50px; visibility: hidden;}

hr {
     border-top: 2px solid #fd0100;
     width:150px;
     margin:25px 0;
} 

hr.center {margin:25px auto;}

.widget-title:after {
    content: "";
    display: block;
    height: 2px;
    width: 150px;
    margin: 25px 0;
    background: #fd0100;
}
/*----------NAVIGATION -------------------*/
/* navbar */
.navbar-default {
    background-color: rgba(0,0,0,0.75);
    border:0;
     -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.5);
     -moz-box-shadow:    5px 5px 5px 0px rgba(0, 0, 0, 0.5);
     box-shadow:         5px 5px 5px 0px rgba(0, 0, 0, 0.5);       
}

/* link */
.navbar-default .navbar-nav > li > a {
    color: #fff;
    text-transform:uppercase;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #fd0100;
    background-color: transparent;
}

/* mobile version */
.navbar-default .navbar-toggle {
    border-color: #fd0100;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: rgba(0,0,0,.5);
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fd0100;
}
@media (min-width: 768px) {
    ul.navbar-nav {float:right;}
    
    ul.navbar-nav li a {line-height:50px;}
}

@media all and (max-width:767px) {
     .navbar-default .navbar-collapse, .navbar-default .navbar-form {
         border-color: #ff0000;
     }
}
/*-------------------------/NAVIGATION-------------------*/

/*---------------------SECTIONS -------------------------*/

section.slider {
     background-image:url('img/slider.jpg');
     background-size:cover;
     background-size:center center;
     height:600px;
     position:relative;
}

section.slider .container {
     background:rgba(0,0,0,.7);
     padding:25px;
     max-width:650px;
     position:absolute;
     bottom:30px;
     left:30px;
     text-shadow: 2px 2px 2px rgba(255, 255, 255, 0.5);
}
section.slider h1 {
     font-size:50px;
     font-weight:700;
     font-style:normal;
     text-transform: none;
     color:#fff;
     margin:0;
}

section.slider p {
     color:red;
     font-size: 40px;
     margin:0;
     margin-top:10px;
}


section {padding:70px 0;}

section.grey {background: #f0f0f0;}

section.dark {background:#343535;}

section.dark p, section.dark h2, section.dark h3 {
     color:#eee;
}

section.triangle {
     padding:0;
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 0px 0 20px calc(100vw - 17px);
     border-color: #f0f0f0 #f0f0f0 #f0f0f0 #fd0100;
}

section.triangle-reverse {
     padding:0;
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 0 calc(100vw - 17px) 30px 0;
     border-color: transparent #fd0100 transparent transparent;

}

section.triangle-last {
     padding:0;
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 0px 0 20px calc(100vw - 17px);
     border-color: #343535 #343535 #343535 #fd0100;
}

section img {max-width:100%;height:auto;}

section.main-content {padding-top:150px;}


ul.tick {list-style-type: none;}

ul.tick li {line-height: 1.8em;}
ul.tick li:before {    
	font-family: 'icomoon';
	content: "\e600";
	margin:0 5px 0 -15px;
	color: #f00;
}
/*--------------------FOOTER------------------------------*/
footer {
     text-align:center;
     background:#2d3033;
     padding:15px 0;
}

footer a {display:inline-block;}

footer p {padding:0px;margin:0;color:#eee;font-size:12px;}

footer img {height:30px;width:auto;}

/*--------------------PLUGINS-----------------------------*/
.wc-gallery img {
	border: 2px solid #fd0100;
}

.wc-gallery img:hover {
	border: 6px solid #fd0100;
	-webkit-transition-duration: 200ms;
	transition-duration: 200ms;
}

.mfp-close:hover {cursor:pointer !important;}
.mfp-container:hover {cursor:default;}
.mfp-bottom-bar {display:none;}


/* contact form 7*/
input.wpcf7-text[type="text"], input.wpcf7-text[type="email"], textarea.wpcf7-textarea {
     width:100%;
     max-width:500px;
}

textarea.wpcf7-textarea {resize: none;}

.wpcf7-form-control-wrap {margin: 10px 0;}
/*-------------------EXTRA ADD-ONS------------------------*/

/* scroll to top */
.scrollToTop{
	width:60px; 
	height:60px;
	text-align:center; 
	padding: 12px;
	position:fixed;
	bottom:25px;
	right:25px;
	display:none;
	background: rgba(0,0,0,0.5);
	border-radius:50%;
	z-index: 999;
}
.scrollToTop:hover{
	text-decoration:none;
}

.scrollToTop>i {
	font-size: 2em;
}


/* WORDPRESS */
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
/*------------------MEDIA QUERIES-------------------------*/
@media screen and (max-width: 620px) {
     section.slider {
          height:350px;
     }
     
     section.slider .container {
          width:100%;
          left:0;
     }
     
     section.slider .container h1 {
          font-size:35px;
     }
     
     section.slider .container p{
          font-size: 25px;
     }
     
     section {padding:40px 0;}
}