/*
 Theme Name: Aus Dantes Hölle
 Text Domain: RichCode
 Version: 1.0
 Description: Aus Dantes Hölle Kennel theme by RichCode
 Tags: dogs-theme, responsive, fancy
 Author: RichCode
 Author URI: www.richcode.rs
 */

@font-face {
    font-family: 'athelas_arabicbook';
    src: url('../rc_kennel/assets/fonts/athelasarabic-book-webfont.eot');
    src: url('../rc_kennel/assets/fonts/athelasarabic-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../rc_kennel/assets/fonts/athelasarabic-book-webfont.woff2') format('woff2'),
         url('../rc_kennel/assets/fonts/athelasarabic-book-webfont.woff') format('woff'),
         url('../rc_kennel/assets/fonts/athelasarabic-book-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'athelas_arabicsemi_bold';
    src: url('../rc_kennel/assets/fonts/athelasarabic-semibold-webfont.eot');
    src: url('../rc_kennel/assets/fonts/athelasarabic-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../rc_kennel/assets/fonts/athelasarabic-semibold-webfont.woff2') format('woff2'),
         url('../rc_kennel/assets/fonts/athelasarabic-semibold-webfont.woff') format('woff'),
         url('../rc_kennel/assets/fonts/athelasarabic-semibold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

/* Pre CSS */
#p h1,#p h1 a{font-size:36px;font-weight:600;line-height:43px;margin-bottom:20px;text-transform:uppercase}
#p h2,#p h2 a{font-size:28px;font-weight:600;line-height:34px;margin-bottom:18px}
#p h3,#p h3 a{font-size:22px;line-height:26px;margin-bottom:25px}
#p h4,#p h4 a{font-size:18px;line-height:22px;margin-bottom:15px;text-transform:uppercase}
#p h5,#p h5 a{font-size:14px;line-height:17px;margin-bottom:15px;text-transform:uppercase}
#p h6,#p h6 a{font-size:12px;line-height:15px;margin-bottom:15px;text-transform:uppercase}
.g{}
.w-20,.w-25,.w-33,.w-50,.w-67,.w-75,.w-80{float:left;clear:right}
.w-20{width:20%}
.w-25{width:25%}
.w-33{width:33%}
.w-50{width:50%}
.w-67{width:67%}
.w-75{width:75%}
.w-80{width:80%}
.gc{padding-left:10px}
.w-20:first-child>.gc,.w-25:first-child>.gc,.w-33:first-child>.gc,.w-50:first-child>.gc,.w-67:first-child>.gc,.w-75:first-child>.gc,.w-80:first-child>.gc{padding-right:10px;padding-left:0}
.g:after,.gc:after{content:'.';display:block;height:0;clear:both;visibility:hidden}

#p a,
#p span,
#p p,
#p h1, #p h2, #p h3, #p h4, #p h5, #p h6 {
	font-family: 'athelas_arabicbook' !important;
}
#p a,
#p a:hover {
	color: #7A4F44;
}
#p a:hover {
	text-decoration: underline;
}

/**** Main CSS ****/

body {
	padding: 0;
	margin: 0;
	color: #5B4F44;
	font-family: 'athelas_arabicbook' !important;
}

/* Header */
#p .header-wrapper {
	background-color: #d3c5ab; 
	height: 65px;
	padding: 5px;
}
#p .header-wrapper-inner {
	max-width: 1440px;
	margin: 0 auto;
}
#p .logo {
	width: 100px;
	float: left;
}

/* Main menu */
#p .main-menu-wrapper {
	text-align: right;
	float: right;
	width: 640px;
}
#p .main-menu {
	padding: 0;
	margin: 0;
}
#p .main-menu li {
	display: inline-block;
	margin-left: 15px;
}
#p .main-menu li a {
	color: #5B4F44;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 2px;
}
#p .main-menu .main-menu-lvl2,
#p .main-menu .sub-menu {
	display: none;
}

/* Main slider */
#p .main-slider-wrapper {
	position: relative;
}
#p .bx-wrapper {
	background: tranpsarency;
	border: none;
	box-shadow: none;
	margin: 0;
}
#p .bx-wrapper .bx-controls {
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 40px;
}
#p .bx-wrapper .bx-pager.bx-default-pager a,
#p .bx-wrapper .bx-pager.bx-default-pager a:focus {
	background: #D3C5AB;
}
#p .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #fff;
}
#p .bx-wrapper .bx-viewport {
	top: -1px;
}
#p .scroll-down {
	width: 25px;
	height: 50px;
	font-size: 30px;
	color: #ffffff;
	position: absolute;
	bottom: 40px;
	left: 50%;
	border: 1px solid #ffffff;
	border-radius: 20px;
	cursor: pointer;
	margin-left: -12px;	
}
#p .scroll-down .fa {
	font-size: 22px;
	margin: 0 0 0 4px;
	-webkit-animation: fademove 2.5s infinite;
	animation: fademove 2.5s infinite;
}
#p .bx-wrapper .bx-prev,
#p .bx-wrapper .bx-next {
	display: none;
}
#p .main-slider-wrapper:hover .bx-wrapper .bx-prev,
#p .main-slider-wrapper:hover .bx-wrapper .bx-next {
	display: block;
}
#p .bx-wrapper .bx-prev {
	background: url('../rc_kennel/assets/images/controls.png') no-repeat 0 -32px;
}
#p .bx-wrapper .bx-next {
	background: url('../rc_kennel/assets/images/controls.png') no-repeat -43px -32px;
}

/*
#p .splide {
	height: 100%;
}
#p .splide__track {
	height: 100%;
	overflow: none;
}
#p .splide ul {
	height: 100%;
	padding: 0;
	margin: 0;
}
#p .splide ul li + li {
	display: none;
}
#p .splide .splide__slide {
	height: 100%;
}

#p .splide .splide__pagination {
	height: 20px;
}
#p .main-slider-wrapper .splide__slide {
	 background: url('../rc_kennel/assets/images/photos/slide_1.jpg') no-repeat center center; 
}
*/

/* Content */
#p .frame-content {
	width: 1366px;
	margin: 0 auto;
}
#p .page-title-wrapper {
	background: url('../rc_kennel/assets/images/backgrounds/page_background_1.jpg') no-repeat center center;
	height: 320px;
	padding: 25px 0;
	box-sizing: border-box;
}
#p .page-title-content {
	display: table;
	width: 100%;
	max-width: 1366px;
	height: 100%;
	margin: 0 auto;
}
#p .page-title-wrapper .page-title {
	display:flex;
	color: #fff;
	font-size: 56px;
	letter-spacing: 5px;
	text-align: center;
	text-shadow: 3px 3px 4px #000000;
	height: 100%;
	width: 100%;
	align-items: center;
	justify-content: center;
	margin: 0;
}
/* Footer */
#p .footer-wrapper {
	background-color: #d3c5ab;
	text-align: center;
	padding: 5px 10px;
}
#p .footer-wrapper span {
	display: inline-block;
	vertical-align: middle;
	margin-top: 3px;
}
#p .footer-wrapper a img {
	display: inline-block;
	vertical-align: middle;
}