/*
 Theme Name:   Sydney - Child
 Theme URI:    https://ccit.se
 Description:  Sydney pro - Child theme
 Author:       Simon Leliévre, CC IT
 Author URI:   https://lelievre.se
 Template:     sydney-pro-ii
 Version:      2.0.0
 Text Domain:  sydneychild
*/

.menu-item-1439 .fa{
	font-size:30px;
	margin-top:-10px;
}

.menu-item-1439:after{
	display:none!important;
}

.page-id-715 .content-area .hentry{
	background: #fff !important;
}

/* För heltäckande sida med bilder på support-sidan */

.page-id-222 .page-wrap{
	padding:0px;
}

.page-id-222 .page-wrap .content-wrapper{
	padding:0px;
}

/* För heltäckande sida med bilder på hållbar it-sidan */

.page-id-649 .page-wrap{
	padding-bottom:0px;
}

.page-id-649 .page-wrap .content-wrapper{
	padding-bottom:0px;
}

/* För heltäckande sida med bilder på hållbar it-sidan */

.page-id-788 .page-wrap{
	padding:0px;
}

.page-id-788 .page-wrap .content-wrapper{
	padding:0px;
}

.page-id-465 .page-wrap{
	padding:0px;
}
 
.page-id-465 .page-wrap .content-wrapper{
	padding:0px;
}

.col-md-6{
    width:100%;
}

.site-logo{
	max-height:110px!important;
}

.main-header .sydney-svg-icon svg, .main-header .dropdown-symbol .sydney-svg-icon svg{
	fill:#ffffff!important;
}

.sydney-credits{
    width:100%;
    text-align:center;
}

.eael-team-image{
	display:none;
}

.eael-testimonial-quote{
	display:none;
}

#mainnav .sub-menu li a {
	font-size:15px!important;
}

.dropdown-symbol{
	display:none;
}

.eael-simple-menu-container.preset-2{
	border:none!important;
}

.elementor-element .eael-simple-menu-container{
	box-shadow:none!important;
}

.hentry .title-post{
	display:none;
}


.page-template .site-content{
	margin-top:0px;
}

.fa-envelope{
	margin-left: -1.5px;
}

.services_slug .textwidget{
	font-size: 20px;
}

.page .entry-title{
	display:none;

}

.employee-photo{
	transition: all 0.5s ease;
}

.ccit-hoverbild{
	transition: all 0.5s ease;
}

.employee-photo img{
	width:150px;
	height:150px;
	display:inline-block;
}

.ccit-hoverbild img{
	width:150px;
	height:150px;
	display:none;
}

.employee:hover .employee-photo img{
	display:none;
}

.employee:hover .ccit-hoverbild img{
	display:inline-block;
}


.employee{
	width:21%;
	font-size:14px;
}

.employee-svg:hover svg, .service:hover .service-icon-svg svg, .timeline:hover svg{
	fill:#ffffff;
}

.employee-svg:hover svg,
.service:hover, .service-icon-svg:hover .fa {
	color:#F16021;
}

.service:hover .service-icon{
	color:#F16021;
}

.employee-svg:hover .fa{
	color:#F16021;
}

.widget-title{
	color:#F16021;
	height:50px!important;
}

.panel-row-style{
	padding: 100px 62.5px;
}

.link-to-contact .button{
	border-color: #fff;
	color: #fff;
}

.link-to-contact .button:hover{
	border-color: #F16021;
}

.site-header{
	border-bottom:4px solid #F16021;
	background-color:rgb(33,33,33,0.975)!important;
}

.hentry{
	background-color:#212121;
	border:0px solid;
}

.hentry .employee-name a{
	color:#000;
}

.employee-social{
	border-top:3px solid #F16021;
}

.testimonials-area .avatar{
	border:0px solid;
	max-width:200px
}

.testimonials-area .avatar img{
	border-radius:0px;
	width:200px;
}

.client-name h4{
	color:#F16021;
}

.social-menu-widget li{
	margin:0 60px 2px 0; 
}

.social-menu-widget li:hover{
	background-color: #ffffff;
}

.social-menu-widget li:hover a{
	color:#F16021;
}

#panel-50-0-0-0 a, #panel-50-0-0-1, h4 a{
	color: #F16021!important;
}

.more-button{
	color:#F16021!important;
}

.more-button a{
	color:#F16021!important;
}

.link-to-contact .button{
	border-color:#F16021!important;
}

.link-to-contact .button:hover {
	color:#fff!important;
}

strong{
	color:#000;
}

strong a{
	color: #000 !important;
}

h3 a{
	color:#000 !important;
}

#support h4{
	color:#fff;
}

.menu-menu-1-container{
	float: right;
}

.site-header .container .fas{
	float:right;
	color:#fff;
	width:30px;
	height:30px;
	font-size:30px;
	padding-left:20px;
	padding-right: 20px;
	transition: all 0.5s ease;
	margin-right:-50px;
}

.site-header .container .fas:hover{
	color:#F16021;
}

.header-image{
	background-position: 50% 15px;
}

.header-button.right-button {
	position: relative;
	border-top: 2px #fff solid;
	border-bottom: 2px #fff solid;
	border-left: 2px #fff solid;
	border-right: 2px #fff solid;
	color: #fff;
	padding: 15px 35px;
	margin-left: 30px;	
}

.header-button.right-button:hover {
	background-color: transparent;
	border-color: #F16021;
	color: #F16021;
}

.current_page_item{
	border-bottom: 2px #F16021 solid;
}

.current-menu-parent{
	border-bottom: 2px #F16021 solid;
}

.menu-item{
	font-weight: 600!important;
}

.post-429 .panel-grid .panel-row-style{
	padding:0px!important;
}

.panel-row-style-for-50-6 .panel-grid-cell .widget-title{
	margin-bottom:0px;
}

h2 {
	color: #F16021;
}

#ccitconsultant li{
	color: #F16021;
}

/*.ledord-rubrik{
	width:25%;
	height: auto;
	min-height:250px;
	float:left;
	text-align:center;
	margin: 0 auto;
}

.ledord-rubrik p{
	transform: rotate(-90deg);
	position: absolute;
	width: 250px;
	height: 250px;
	font-size: 40px;
	color: #F16021;
	margin: 0 auto;
	display: block;
}

.ledord-text{
	width: 75%;
	height: auto;
	min-height: 250px;
	float: left;
}*/
.page-id-429 .panel-grid-cell .widget-title{
	margin-top: 50px;
}


hr {
	border-top: 5px solid #F16021;
}

/*.site-content{
	margin-top: 60px!important;
	margin-bottom: 45px!important;
}*/

.slicknav_menu .slicknav_menutxt{
	color: #f16021;
}

.cs-progress-bar{
	background-color: #F16021!important;
}

.post-332 .panel-grid .panel-row-style{
	padding:0px!important;
}

.post-332 .panel-grid-cell .widget-title{
	margin-top: 50px;
}

.crellyslider>.cs-navigation>.cs-slide-link{
	background-color: #F16021!important;	
}

.footer-branding{
	display:none;
}

.footer-widgets{
	width:100%;
	margin: 0 auto;
	background-color: #212121!important;
	height:50px;
	border-radius: 0 0px 20px 20px;
}

.footer-column .widget{
	width:92px;
	margin:0 auto;
	padding:0px;
}

.footer-column{
	margin-top:-20px;
}

.menu-sprakvaljare-container a{
	transition: width 0.3s;
}

.menu-sprakvaljare-container ul{
	display: inline;
	list-style-type: none;
	
}


.menu-sprakvaljare-container li{
	display: inline;
	width:20px; 
	margin-right:20px;
	transition: width 0.3s;
}

.menu-sprakvaljare-container li:hover{
	border-top: 2px #F16021 solid;
}

.entry-title{
	font-size: 32px;
	color: #F16021;
}

.ccit-services{
	width: 80%;
	clear: both;
	margin: 0 auto;
	height: auto;
}

.ccit-services img{
	width: 200px;
	height: 200px;
	margin-top: -20px;
	margin-bottom: 20px;
	transition: transform .8s, filter .8s;
	vertical-align: middle!important;
	clear:both;
}

.ccit-services img:hover{
	cursor:pointer;
	transform: scale(1.06);
	-webkit-filter: drop-shadow(0px 0px 13px #f16021);
	filter: drop-shadow(0px 0px 13px #f16021);
}

.ccit-services h3{
	font-size: 30px;
	color: #F16021;
	padding: 55px 0 20px 0;
	margin-top: 0;
	margin-bottom: 0;
}

.ccit-services h4{
	font-size: 26px;
	font-weight: 400;
	color: #212121;
	margin-top:10px;
	margin-bottom:10px;
}

.ccit-services p{
	font-size: 22px;
	font-weight: 400;
}

.ccit-services ul li{
	text-align:left;
	padding-left:10px;
}

.ccit-packages{
	width:800px;
	height:600px;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 30px;
}

.ccit-visma-cloud .fa-ul{
	padding-left:40px!important;
	margin-top:20px;
	margin-bottom:20px;
	font-size: 22px;
}

.ccit-serverkontroll .fa-ul{
	margin-left:40px!important;
}

.ccit-serverkontroll .ccit-standard .fa-ul{
	margin-left: 50px!important;
	font-size: 22px;
	width: 90%;
}

.ccit-serverkontroll .ccit-standard{
	margin-top:30px;
}

.ccit-visma-cloud{
	text-align:center;
}

.ccit-firewall{
	text-align: center;
	height: auto;
}

.ccit-serverkontroll{
	text-align: center;
	height:auto;
}

.ccit-firewall .fas{
	color: #F16021;
	padding: 0 20px 0 0;
}

.ccit-firewall h3{
	text-align:left;
}

.ccit-packages h3{
	text-align: center;
}

.ccit-serverkontroll-info .fas{
	color: #F16021;
	padding: 0 20px 0 0;
}

.ccit-serverkontroll-info h3{
	font-size: 30px;
	color: #F16021;
	margin-top:55px;
	margin-bottom:20px;
}

.ccit-server-licens{
	font-size:13px;
}
	
.ccit-basic{
	height: 500px;
	width: 250px;
	border-radius:5px;
	float: left;
	background-color: #e2e2e2;
	color: #F16021;
	margin-top:50px;
	transition: transform .8s;
}

.ccit-basic:hover{
	transform: scale(1.03);
	cursor:pointer;
}

.ccit-firewall .ccit-basic h3{
	padding: 120px 0 40px 0;
}

.ccit-serverkontroll .ccit-basic{
	height:600px;
	margin-top: 80px;
}

.ccit-serverkontroll .ccit-basic h3{
	padding: 70px 0 100px 0;
}

.ccit-standard{
	height: 600px;
	width: 300px;
	border-radius:5px;
	float: left;
	background-color: #F16021;
	color: #fff;
	-webkit-box-shadow: 0px 0px 27px 13px rgba(33,33,33,0.39); 
	box-shadow: 0px 0px 27px 13px rgba(33,33,33,0.39);
	z-index: 10!important;
	position: relative;
	transition: transform .8s;
}

.ccit-standard:hover{
	transform: scale(1.06);
	cursor:pointer;
}

.ccit-standard h3{
	color: #fff;
	font-size:40px;
}

.ccit-firewall .ccit-standard h3{
	padding: 100px 0 60px 0;
}

.ccit-serverkontroll .ccit-standard{
	height:700px;
}

.ccit-serverkontroll .ccit-standard h3{
	padding: 80px 0 60px 0;
}

.ccit-standard p{
	font-size: 26px;
	padding: 0 5px 0 5px;
}

.ccit-standard .fa-ul{
	font-size: 26px;
}

.ccit-premium{
	height: 500px;
	width: 250px;
	border-radius:5px;
	float: left;
	background-color: #e2e2e2;
	color: #F16021;
	margin-top:50px;
	transition: transform .8s;
}

.ccit-premium:hover{
	transform: scale(1.03);
	cursor:pointer;
}

.ccit-firewall .ccit-premium h3{
	padding: 120px 0 40px 0;
}

.ccit-serverkontroll .ccit-premium{
	height:600px;
	margin-top: 80px;
}

.ccit-serverkontroll .ccit-premium h3{
	padding: 70px 0 30px 0;
}

.ccit-m365-backup .fas{
	color:#f16021;
	padding: 0 20px 0 0;
}

.server-control-h3{
	padding-top:50px!important;
}

.ccit-cost{
	color:#000;
	margin-top:30px;
	font-weight: 500!important;
}

.ccit-cost-en{
	color:#000;
	margin-top:30px;
	font-weight: 500!important;
}

.ccit-serverkontroll .ccit-basic .ccit-cost-en{
	margin-top:80px;
}

.ccit-serverkontroll .ccit-standard .ccit-cost-en{
	margin-top:60px;
}

.ccit-serverkontroll .ccit-premium .ccit-cost-en{
	margin-top:20px;
}

.ccit-serverkontroll .ccit-basic .ccit-cost{
	margin-top:120px;
}

.ccit-firewall .ccit-standard .ccit-cost{
	margin-top:60px;
}

.ccit-serverkontroll .ccit-standard .ccit-cost{
	margin-top:60px;
}

.ccit-visma-cloud .ccit-standard .ccit-cost{
	margin-top:60px;
}

.ccit-webdev h3{ 
	margin-top:35px;
}

.ccit-webdev .fa-ul{
	margin-top:50px;
}

.ccit-webdev li:not(:last-child) {
    padding-bottom: 5px;
}

.ccit-webdev .ccit-cost{
	margin-top:70px;
	text-align: center;
}

.ccit-webdev .ccit-standard .ccit-cost{
	font-size: 30px;
}

.ccit-webdrift h3{ 
	margin-top:35px;
}

.ccit-webdrift .fa-ul{
	margin-top:50px;
}

.ccit-webdrift li:not(:last-child) {
    padding-bottom: 7px;
}

.ccit-webdrift li {
    padding-right: 10px;
}

.ccit-webdrift .ccit-basic li {
    padding-right: 0px;
}

.ccit-webdrift .ccit-cost{
	margin-top:40px;
	text-align: center;
}

.ccit-webdrift .ccit-standard .ccit-cost{
	font-size: 30px;
	margin-top:70px;
}

.ccit-webdrift .ccit-standard .fa-ul {
	font-size: 22px;
}

.sydney-hero-area strong{
	color:#F16021;
}

.helpit-team tr:nth-child(odd){
	background-color: #ffffff;
	color: #000000;
}

.helpit-team tr:nth-child(even){
	background-color: #f2f2f2;
	color: #000000;
}

.page-template-helpit .container{
	width:1600px;
}

.page-template-helpit-cost .container{
	width:1800px;
}

.helpit-team{
	font-size: 14px;
	white-space:nowrap;
	font-weight: 300;
	margin: 0 auto;
}

.helpit-team tr{
	height:40px;
}

.helpit-team button{
	height:35px;
	padding-bottom: 5px;
	padding-top: 5px;
	font-size:12px;
	width:100%;
	padding-left: 25px;
	padding-right: 25px;
	white-space:nowrap;
}

.helpit-team td:nth-child(1){
	font-weight: 400;
}

.helpit-team tr:last-child{
	font-weight: 400;
}

.revenue-table tr:last-child{
	font-weight: 300;
}


.ccit-services h4{
	color:#212121;
}

@media only screen and (max-width: 1199px) {
	.employee{
		width:30%;
	}	
	
	.site-header .container .fas{
		display:none;
	}
}

@media (min-width: 992px){
	.col-md-8{
		width: 70%;
		margin-left: -70px;
	} 
}

@media only screen and (max-width: 700px) {
	.employee{
		width:80%;
		clear:both;
		float:none;
	}
	
	.employee-photo img{
		width:200px;
		height:200px;
	}
	
	.menu-social-container li{
		clear:both;
		float:none;
		margin:0 auto;
	}
	
	.ccit-services{
		width:90%;
		height: auto;
		min-height:1500px;
	}
	
	.ccit-packages{
		width:90%;
		height:auto;
		min-height:1500px;
		margin: 0 auto;
	}
	
	.ccit-basic{
		float:none;
		clear:both;
		margin: 0 auto;
		margin-top:50px;
		}
		
	.ccit-standard{
		float:none;
		clear:both;
		margin: 0 auto;
	}
		
	.ccit-premium{
		float:none;
		clear:both;
		margin: 0 auto;
		margin-bottom:50px;
	}
	
	.ccit-serverkontroll .ccit-standard{
		margin-top: 0;
	}
	
	.ccit-serverkontroll .ccit-premium{
		margin-top:0;
	}
	
	.ccit-serverkontroll .ccit-basic{
		margin-top:50px;
	}

}
