/*
Theme Name: Abigon
Theme URI: https://abigon.hu/
Description: Az Abigon Kft. alapértelmezett sablonja
Author: Abigon
Author URI: https://abigon.hu/
*/

*{
margin: 0;
padding: 0;
border: 0;
}

body { font-family: 'DM Sans', sans-serif; font-size: 16px; color: #333; line-height: 25px; background: #f5f5f5; }

.alignleft { margin: 0 20px 10px 0; float: left; }
.alignright { margin: 0 0 10px 20px; float: right; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.hide { display: none; line-height: 20px !important; }
.red { color: #ff0000; }
.white { background: white; }
.inner { width: 980px; margin: auto; }
.sm { margin-top: -20px; }
.vertical_middle { top: 50%; position: relative; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.button { height: 50px; padding: 0 20px; font-size: 15px; font-weight: 700; color: white; text-decoration: none; line-height: 50px; display: inline-block; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.buttonOrange { background: #f14713; }
.buttonOrange:hover { background: #f25626; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

/*
---------------
	HEADER
---------------
*/
#header { height: 100px; background: #192227; }
#header .inner { height: 100%; }
#header .header_top_line { height: 5px; background: #000; border-bottom: 1px solid #28353c; }

#header .left { height: 100%; position: relative; }
#header .left .logo { left: 0; position: absolute; }
#header .right { margin-right: 0; padding-top: 35px; }
#header .right .menu-fejlec-menu-container { float: left; }
#header .right .menu-fejlec-menu-container ul { padding-top: 5px; }
#header .right ul li { margin-left: 15px; float: left; list-style-type: none; }
#header .right ul li a { padding-left: 8px; color: #7e9dae; text-decoration: none; background: url(images/bgr-menu-li.png) no-repeat left 6px; }
#header .right ul li a:hover { color: white; background-position: 0 -20px; }

#header .right ul.social { margin-left: 10px; padding-left: 10px; border-left: 1px dotted #28353c; float: right; }
#header .right ul.social li { width: 30px; height: 30px; margin-left: 5px !important; float: left; }
#header .right ul.social li a { width: 30px; height: 30px; padding: 0 !important; text-indent: -9999px; background-image: url(images/icon-social.png); background-repeat: no-repeat; display: inline-block; }
#header .right ul.social li.facebook a { background-position: 0 0; }
#header .right ul.social li.facebook a:hover { background-position: 0 -30px; }
#header .right ul.social li.twitter a { background-position: -30px 0; }
#header .right ul.social li.twitter a:hover { background-position: -30px -30px; }


/*
----------------
	SHADOW
----------------	
*/
#shadow { height: 20px; margin-bottom: 20px; border-top: 1px solid white; }
#shadow .left, #shadow .right { height: 20px; }
#shadow .left { width: 50%; background: url(images/bgr-shadow-left.png) no-repeat left top; }
#shadow .right { width: 50%; background: url(images/bgr-shadow-right.png) no-repeat right top; }


/*
--------------
	SLIDE
--------------	
*/
#slide { background: #192227; }
#slide .inner { height: 320px; background: url(images/bgr-slide.png) no-repeat center bottom; border-top: 1px solid #28353c; overflow: hidden; position: relative; }
#slide img#shadow { bottom: 0; left: 0; position: absolute; z-index: 9; }
#slide img#screenshot_2 { bottom: -250px; right: 130px; position: absolute; z-index: 2; }
#slide img#screenshot_1 { bottom: -295px; right: 20px; position: absolute; z-index: 3; }
#slide .slide_wrap { left: 0; position: absolute; }
#slide .slide_wrap ul { margin-left: 20px; }
#slide .slide_wrap ul li { margin-bottom: 5px; color: white; text-shadow: 1px 1px #000; list-style-type: square; }
#slide .slide_wrap a.button { margin-top: 30px; }


/*
------------------------------
	NEWS AND DESCRIPTION
------------------------------	
*/
#newsAndDescription h3 { margin-bottom: 20px; font-size: 20px; line-height: 130%; border-bottom: 1px solid #ddd; }
#newsAndDescription h3 span { bottom: -1px; border-bottom: 2px solid #f25626; display: inline-block; position: relative; }

#newsAndDescription .left { width: 630px; }
#newsAndDescription .right { width: 290px; min-height: 380px; padding-left: 60px; background: url(images/bgr-sidebar.png) no-repeat left top; }
#newsAndDescription .right strong { color: #222; }
#newsAndDescription .right p { margin-bottom: 10px; line-height: 20px; }
#newsAndDescription .right ul { margin: 30px 0 0 15px; }
#newsAndDescription .right ul li { list-style-type: square; }
#newsAndDescription .right ul li a { font-size: 11px; font-weight: bold; color: #f25626; }
#newsAndDescription .right ul li a:hover { color: #000; }

#newsAndDescription { color: #666; }
#newsAndDescription .boxes { margin-bottom: 30px; display: flex; flex-wrap: wrap; }
#newsAndDescription .boxes .box { width: 50%; margin-top: 30px; }
#newsAndDescription .boxes .box:nth-child(-n+2) { margin-top: 0; }
#newsAndDescription .boxes .box h4 { font-weight: 700; color: #222; display: block; }


/*
---------------------
	BREADCRUMB
---------------------	
*/
#breadcrumb { padding-top: 20px; font-size: 9px; color: #999; }
#breadcrumb a { color: #666; }
#breadcrumb a:hover { color: #f14713; }


/*
-------------------
	CONTAINER
-------------------	
*/
#content h1 { margin-bottom: 20px; font-size: 30px; line-height: 130%; border-bottom: 1px solid #ddd; }
#content h1 span { bottom: -1px; border-bottom: 2px solid #f25626; display: inline-block; position: relative; }

#content #entry { padding-bottom: 20px; }
#content #entry p { margin-bottom: 20px; }
#content #entry ul, #content #entry ol { margin-bottom: 20px; margin-left: 20px; }
#content #entry ul li { list-style-type: square; }

/* Tags */
#content #entry #tags { padding-top: 20px; }
#content #entry #tags a { color: #F25626; }

#content #entry .box { width: 260px; padding: 20px; color: #7e9dae; background: #192227; }
#content #entry .box h2 { margin-bottom: 10px; color: white; }

#container ul.results li { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #ddd; list-style-type: none; }
#container ul.results li:last-child { margin-bottom: 0; border-bottom: none !important; }
#container ul.results li h3 a { font-size: 15px; font-weight: bold; color: #f25626; }
#container ul.results li h3 a:hover { color: #000; }
#container ul.results li .meta { margin-bottom: 10px; font-size: 10px; text-transform: uppercase; color: #999; }
#container ul.results li .alignright { float: none; width: auto; height: auto; }


/*
--------------
	FORM
--------------	
*/
.form { margin-bottom: 10px; }
.form .name { width: 250px; padding-top: 3px; float: left; }
.form input[type=text], .form select { width: 300px; padding: 5px; border: 1px solid #ddd; }
.form select { width: 312px; }
.form input[type=text]:focus { border: 1px solid #f25626; }
.form input[type=submit] { background: #f14713; }
.form input[type=submit]:hover { background: #f25626; }


/*
----------------
	FOOTER
----------------	
*/
#footer { padding: 20px 0 20px 0; }
#footer li { display: inline; list-style-type: none; }
#footer .footer_top { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ccc; }
#footer .footer_top ul { text-align: center; }
#footer .footer_top ul li { margin: 0 10px; list-style-type: none; }
#footer .footer_top ul li a { font-weight: bold; color: #333; text-decoration: none; }
#footer .footer_top ul li a:hover { color: #f25626; }

#footer .footer_bottom { font-size: 14px; text-align: center; }