/* 
Theme Name:		 cip-beone
Theme URI:		 http://betheme.me/themes/beonepage/
Description:	 A theme based on a be one page theme from BeTheme.
Author:			 Center for IT Support
Author URI:		 http://informatickicentar.com/
Template:		 beonepage-lite
Version:		 1.0.0

-------------------------------------------------------------- */
@import url("../beonepage-lite/style.css");

/* =Theme customization starts here
------------------------------------------------------- */
@font-face {
    font-family: 'bankgothic_md_btmedium';
    src: url('fonts/bank_gothic_medium_bt-webfont.eot');
    src: url('fonts/bank_gothic_medium_bt-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bank_gothic_medium_bt-webfont.woff2') format('woff2'),
         url('fonts/bank_gothic_medium_bt-webfont.woff') format('woff'),
         url('fonts/bank_gothic_medium_bt-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
article a {
	color: red;
}
.page-header h1 {
	padding:10px; 
	background: rgb(0,0,0,0.5);
}
body:not(.front-page) .content-area, body:not(.front-page) .widget-area {
	padding: 50px 0;
}
.type-post .entry-content p {
	
	font: 400 15px/1.7em "Open Sans", sans-serif;
	
}
}
/***** LOGO *****/ 
.sticky-header .site-title {
	margin: 10px 0 20px;
}
.site-title {
	font: 400 2.154em/1.036em "Raleway", sans-serif;
	letter-spacing: .071em;
	margin: 28px 0;
	-webkit-transition: margin .2s linear;
	transition: margin .2s linear;
}
.site-branding img{
	margin: 10px 0 20px;
	-webkit-transition: margin .2s linear;
	transition: margin .2s linear;
}

/**** NAVIGATION ****/ 

.main-navigation li li a:hover {
	color: white;
	background: darkred;
	text-shadow:none
}

.main-navigation li.current-menu-item a {
	color: red;
}
.main-navigation a{
	text-shadow:1px 2px 2px black;
}
.main-navigation a:hover {
	color: red;
}
.main-navigation ul ul {
	border-top: 2px dashed darkred;
}
.bcrumbs .active {
	color: white;
	font-weight:700;
}
#menu-item-624 a {
	color:white !important;
}
#menu-item-624 a:hover {
	color:red !important;
}
/****** cip slider modifications ******/
.slider-caption h1{
	font:300 3.231em/1.326 'bankgothic_md_btmedium', sans-serif;
	background-color: rgba(0, 0, 0, 0.5);
	padding: 15px;
	width: 50%;
	text-align: center;
	position: relative;
	margin: 0 auto;
}
.slider-caption #micSlogan{
	float: right;
	width: 50%;
	position: relative;
	margin: 0 auto;
	top: -30px;
}

.slider-caption #micLogo {
	float: right;
	width: 50%;
	position: relative;
	margin: 0 auto;
	clear: both;
	top: -60px;
	clear: both;
}
.slider-caption img {
	padding: 15px;
	text-align: center;
	position: relative;
	margin: 0 auto;
	right: 18%;
}

.slider-caption p {
	font: 700 2.931em/1.375 'bankgothic_md_btmedium', sans-serif;
	color: #a3a2a3;
	text-shadow: 2px 1px 1px black;
	
	padding: 10px;
	text-align: center;
	position: relative;
	margin: 10 auto;
	transform: rotate(-9deg);
	display: inline-block;
	letter-spacing: -0.01em;
	right: 18%;
}
.slider-btn {
	text-align: right !important;
	position: relative;
	float: right;
	clear: both;
	right: 2%;
	top: -10px;
}
.slider-btn .btn {
	
	margin-bottom: 50px;

}


.slider-btn a {
	font: 400 1.077em/.929 "Dosis", sans-serif;
	letter-spacing: .143em;
	display: inline-block;
	margin-right: 307px !important;
}
.scroll-down {
    cursor: pointer;
    position: absolute;
    left:auto;
    bottom: 40px;
    width: 24px;
    height: 40px;
    margin-left: -12px;
    border-radius: 12px;
    border: 2px solid;
    z-index: 999;
right: 35%;
}
@media only screen and (max-width: 767px) {
.full-screen {
	background-image: url("http://stylemicovic.com/img/micovic-frizerski-salon-pozadina-mob.jpg") !important;
}

.slider-caption #micSlogan{
	
	width: 100%;
	position: relative;
	margin: 0 auto;
	top: -30px;
	float:none;
}
.slider-caption #micLogo {
	
	width: 100%;
	position: relative;
	margin: 0 auto;
	clear: both;
	top: -60px;
	float:none;
	clear: both;
}
.slider-caption img {
	padding: 15px;
	text-align: center;
	position: relative;
	margin: 0 auto;
	right: auto;
	top:50px;
}
.slider-caption p {
	font-size: 22px !important;
	margin-top: -30px ;
	right: auto ;
	top:60px;
}
.slider-btn {
	text-align: center !important;
	position: relative;
	float: none;
	clear: both;
	right: auto;
	top: 10px;
}
.slider-btn a {
	font: 400 1.077em/.929 "Dosis", sans-serif;
	letter-spacing: .143em;
	display: inline-block;
	margin-right: auto !important;
}
}
.portfolio-module, .blog-module 
{
	color: white; 
	background-color: darkred; 
	
}
.blog-module .separator i, .blog-module .separator span, 
.portfolio-module .separator i, .portfolio-module .separator span, 
.icon-service-module .separator i, .icon-service-module .separator span, 
.cip-testimonials-module .separator i, .cip-testimonials-module .separator span,
.contact-module .separator i, .contact-module .separator span
{
	color: white;
}
.service-icon {
	display: inline-block;
	width: 155px;
	height: 155px;
	margin: 0 auto 30px;
	border: 2px solid;
	-webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    transition: all 250ms ease;
	overflow:hidden;
	
}
.service-icon img {
	width:150px; 
	height:150px; 
	vertical-align:middle;
	
}
.icon-service-box:hover .service-icon {
	background: none;
	border-color: white;
	 -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);

	
}
/*********** PORTFOLIO MODIFICATIONS ********/
.portfolio-caption .entry-title {
	color: white;
	
}

/******** CIP - STRONG TESTIMONIALS *******/

.cip-testimonials-module {
	color: #eceff3;
background-color: #4d4d4d;
}
.blog-module .triangle {
	border-top-color:#4d4d4d !important; 
}
.cip-testimonials-module .testimonial-content {
	color: white !important; 
	
}
.cip-testimonials-module .testimonial-name {
	color: lightgrey !important; 
	font-weight:normal !important;
	
}
.contact-item
{
	
	margin-bottom: 0px;	
	border-bottom: 1px dashed white;
	padding: 5px 0px;
	text-align: center;

}
.contact-item .ci-title {
	
	
	
	margin-bottom: 0px;
}
.contact-item .ci-content {
	font-size: 1.1em;

}
#contact-form-captcha{
	color:white ; 
	font-size: 2em;
}
.blog-item .read-more {
	
	background: red;

}

.single-post .entry-image {
	border-bottom: 4px solid red;
}
.widget .widget-title::after {
	
	background-color: red;
}

/******** PAGE MODIFICATIONS **********/ 

.page .entry-content p 
{
	font: 400 15px/1.7em "Open Sans", sans-serif;
}


/******** SINGLE POST *************/ 

.blog-list .post-date-day {
	color: white;
	background-color: darkred;
}
.blog-list .entry-content {
	
	border-top: 4px solid darkred;
}
.blog-list .btn-more {
	color: white;
	background-color: transparent;
	border: 2px solid white;
}
.blog-list .btn-more:hover {
	background-color: #fff;
	color: #18191b;
}
.single-post .entry-meta {
	display:none;
}
.blog-list article {
	
	border-bottom: none; 
}
/******** CIP - informatickicentar.com FOOTER  *********/
.footer-branding{
	margin: 25px auto;
}
.footer-branding img, .cip-footer img{
	position:relative; 
	margin:0 auto;
	max-width:100%;
	max-height:40px;
}

.site-footer {
	padding: 15px 10px; 
}
.cip-footer{
	margin:10px auto;
}
/******** CIP - informatickicentar.com FOOTER - SOCIAL ICONS  *********/
.soc-ico
{
	position:relative;
	margin: 10px auto; 
	
}
.soc-ico a:hover, .cip-footer a:hover, .footer-branding a:hover{
	opacity: 0.8;
	
}
.soc-ico img
{
	max-width: 40px;
	max-height:40px;
	position:relative;
	margin: 0 auto; 
}
.site-footer .site-info p {
	margin-bottom:10px;
}
/**** GALLERIES MODIFICATIONS - informatickicentar.com ****/

.fbx-count {
	display:none; 
}