/*
Theme Name: E-Pannon ByLancsa
Theme URI: https://e-pannon.hu
Author: László Anikó
Author URI: https://lancsawebdesign.hu
Description: E-Pannon Kft. honlapja
Version: 1.0
*/

@font-face {
font-family: 'Open Sans';
src: url('./fonts/opensans-regular-webfont.eot');
src: url('./fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
	 url('./fonts/opensans-regular-webfont.woff2') format('woff2'),
	 url('./fonts/opensans-regular-webfont.woff') format('woff'),
	 url('./fonts/opensans-regular-webfont.ttf') format('truetype');
font-weight: normal; font-style: normal;
}

body { width: 100%; height: 100%; font-family: 'Open Sans', sans-serif !important; font-weight: 400; font-size: 16px !important; line-height: 1.8em;}
html { width: 100%; height: 100%; }
h1, h2, h3, h4, h5, h6 { margin: 0 0 30px; font-family: 'Open Sans', sans-serif; line-height: 1.3 !important; }
p { margin: 0 0 20px 0; line-height: 1.8em; }

.lead { font-size: 20px; }
a { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
a:hover, a:focus { text-decoration: none; }
img.img-responsive { margin-bottom: 20px; }


/*****************************************************
navbar
******************************************************/
.navbar { margin-bottom: 0px !important; border: 0px solid transparent;}
.navbar-fixed-top { border-bottom: solid 1px #d8d8d8; background: #ffffff url(./images/road-pattern.png) bottom repeat-x; }
.navbar-logo { padding: 8px 0px 5px 0px; }
.navbar-logo h1 { font-size: 28px !important; margin: 0px !important; font-family: 'Quando' !important; line-height: 1.1 !important; }
.navbar-logo h2 { font-size: 13px !important; margin: 5px 0px !important; font-family: 'Open Sans' !important; line-height: 1.0 !important; }
.navbar-nav > li > a { text-transform: uppercase; font-size: 14px !important; font-weight: 500; }

/*****************************************************
navbar responsive css
******************************************************/
@media (min-width: 991px){
.navbar-nav > li > a { padding-top: 32px !important; padding-bottom: 32px !important;}
}

/*****************************************************
intro, slider
******************************************************/
.intro-slider { padding-top: 85px; }
#myCarousel, #myCarousel .item { height: 540px; padding: 0px !important; margin: 0px !important; }
.carousel .item { background-color: #ffffff;  -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
.carousel-title { position: absolute; bottom: 10%; left: 0%; right: 0%; text-align: center !important; color: #ffffff; background: rgba(0,0,0,0.6); padding: 20px; }
.carousel-control .icon-next, .carousel-control .icon-prev { width: 40px !important; height: 40px !important; }


/*****************************************************
section content
******************************************************/
section { padding-top: 110px; padding-bottom: 60px; background: url(./images/shadow.png) top center no-repeat; }
.section-heading { padding-bottom: 20px; }
.section-heading-hr { width: 140px; border: 0px; height: 1px; margin: 20px auto !important; padding-top: 2px !important; border-top: solid 3px !important; }
.section-text { padding: 60px 20px; }
.section-box { padding: 0px 20px 20px 20px; }
.icon-circle { margin: 0px auto 30px auto !important; width: 140px; text-align: center; border-radius: 50%; }
.icon-circle .fa { padding: 45px 40px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.icon-circle .fa:hover { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.section-content ul, .list-pipe { padding-left: 0px; margin: 20px 0px; list-style: none; }
.section-content ul li, .list-pipe li { padding: 4px 0px 5px 30px; background: url(./images/list-pipe.png) no-repeat left top; }
.section-box ul li { padding: 3px 0px 5px 25px; background: url(./images/list-icon.png) no-repeat left top !important; }

/*****************************************************
footer
******************************************************/
footer { background: #292929 url(./images/road-pattern.png) top repeat-x; color: #B9B9B9; }
.footer-widgets { }
.box-footer { padding-bottom: 20px; }
.box-footer h4 { text-transform: uppercase; }
.box-footer ul { padding-left: 0px; margin: 0px; list-style: none; }
.box-footer ul li { padding: 2px 0px 5px 30px; background: url(./images/list-pipe-light.png) no-repeat left top; }
.box-footer img { height: 90px !important; margin: 0px 10px 10px 0px; }
.footer-bottom { padding: 20px 0px; font-size: 14px !important; }

.map-container { width: 100%; }
.left-border { border-left: solid 3px #B9B9B9; padding-left: 20px;}

.wpcf7-submit { padding: 10px; width: 100%; font-size: 16px; border: 0px !important; border-radius: 4px !important; }

/*****************************************************
Gallery
************************************************** */
.item { margin: 10px; }
.item img { display: block; width: 100%; height: auto; }