/*
 Theme Name:   Cityhosting Custom Style
 Description:  Custom style for Cityhosting
 Author:       Mesut
 Author URI:   https://www.interip.nl
 */

/* Kleuren */
.background-maincolor { background-color: #f39200 !important;}
.fontbackground-maincolor {color: #3b2401 !important;}
.background-extracolor1 {background-color: rgba(156,196.228,0.9) !important ;}
.font-extracolor1 {color: rgba(156,196.228,0.9	) ;}
.background-extracolor2 {background-color: rgba(58,137,201,0.9	) ;}
.font-extracolor2 {	color: rgba(58,137,201,0.9	) ;}
.background-extracolor3 {background-color: rgba(242,108,79,0.9);}
.font-extracolor3 {color: rgba(242,108,79,0.9) ;}

body.page-template-default  { 
	background-color: #f39200 !important; 
	background-image: url("/wp-content/uploads/sites/2/2017/05/Globe-1.png") !important; 
	 background-repeat: no-repeat !important;
    background-attachment: fixed !important;
	background-position: 50% 75% !important;
    background-size: 600px !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC0000) !important; /* AA, RR, GG, BB */
}
#top-header {
	 background-color: #f39200 !important;
}
#main-header a {
	// color: #f39200  !important;
	// font-family:FiraSansRegular;
	//size:22px;
}

.mobile_nav ul#mobile_menu .current_page_item > a {
	color: #6e0209 !important ;
	font-size: 125%;
	border-bottom: 1px solid rgba(156,196.228,0.9) ;
}
	
#top-menu li.current-menu-item > a {
	color: #3b2401  !important;
	border-bottom: 1px solid rgba(156,196.228,0.9)  ;
	padding-bottom: 5px !important;
	font-size: 125%;
}

#et-secondary-menu li.current-menu-item > a {
	color: #3b2401 !important;
	font-size: 125%;
	border-bottom: 1px solid #fff ;
	padding-bottom: 5px;
	
}



.gradientmaker {
	background-image: linear-gradient(to left, rgba(156,196.228,0.9) , #3b2401 );
}

.et_pb_blurb_content  {
	background-color: #513B56 !important;
}

.navbarmenu{
	background-color:#f39200 ;
	
}
.navbarmenu a{
	color: #ffffff !important;
}
.navbarmenu.active a{
	color: #3b4496 !important;
}
.navbarmenu a:hover{
	color: #3b4496 !important;
}


.borderkleureigenschapbutton {
	 border-style: solid;
	border-color: red;
}
.btn-primary{
	border-color:  #3b4496;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #3b4496;
     border-color: #3b4496;
}
@media screen and (max-width:980px) { .user-header { 
	background-color: black ;
}}

.user-header .btn {
	background-color: #513B56 ;
	color: #ffffff;
	border: none;
}
.user-header button:hover {
	background-color: #FFBD41   !important;
	color: #ffffff;
	
}
.user-header span ul {
	 border: none;
	
	// background-color: rgba(156,196.228,0.9) !important ;
	// background-color: #5E548E   ;
}

.pakketkeuzebtn {
	background-color: #513B56    !important;
	border: none;
	
}
.afrekenbtn {
	background-color: #f39200       !important;
	border: none;
	margin-top: 5px;
}
#cart {
	// background-color: #5E548E      ;
}
#cartheader .headertxt {
	color: #513B56  !important;
	background-color: #FFBD41     ;
}


.contact_form input, select, textarea {
	//color: rgba(242,108,79,0.9) !important;
	 color: #5E548E   !important;
}
/* Contact Form */
	div[class*="_form"] p span { color:#ffffff   !important; }
    div[class*="_form"] p { color: #FFBD41   !important; text-transform: uppercase; }
    
.wpcf7-not-valid-tip {
	background-color: black;
	color: red !important;
}
#tab_toggle { background-color: #513B56; }
#tab_toggle:hover { background-color: #FFBD41; }
#tab_slide_background { 
	//background: #FFBD41!important; 
	background: #FFBD41 !important; 
	}



/* Helpdesk Menu */
div[class*="helpdesk_menu"] a { color: #ffffff !important; }
div[class*="helpdesk_menu"] li {
    background-color: #513B56 ;
    color: #ffffff;
}
/* Home Slider knopjes */
.home_slide_menu button {
	background-color: #513B56   !important;
	color: #ffffff !important;
	border: none;
}
.home_slide_menu button:hover {
	background-color: #FFBD41   !important;
	color: #ffffff;
}
.prodoverzicht, .tldboxen {
	background-color: #ffffff !important;
	color:  #f39200      !important ;
	
}	
.prodoverzicht .header, .tldboxen .header {
	background-color: #513B56 !important;
}	

.prodterms3 button {
	background-color: #5E548E  	;
}
.prodterms3 button:hover, .prodterms3 button:focus  {
	background-color: #f39200   ;
	color: #ffffff;
}
.prodterms3 .eigenschapwaarde {
	color: #FFBD41    ;
}
.prodoverzicht .terminfo {
	background-color: #513B56 ;
}
.domain_checkerfull {
	background-color: rgba(156,196.228,0.95)   ;
	color: #ffffff  ;
}

.domain_checkerfull button, .domain_checkermini button  {
	background-color: #5E548E !important  ;
	color: #ffffff  ;
}
.domain_checkerfull input, .domain_checkerfull input:focus, .domain_checkerfull input:hover,.domain_checkermini input, .domain_checkermini input:focus, .domain_checkermini input:hover {
	color: #f39200   ;
}
.bekijkook  {
	background-color: #FFBD41   ;
	color: #ffffff ;
	
}
.bekijkook .header, .header {
	background-color: #513B56      ;
	color: #ffffff ;
}
.bekijkook button, .bekijkook a {
	background-color: #5E548E   ;
	color: #ffffff ;
}

.bekijkook button:hover, .bekijkook a:hover {
	background-color: #FFBD41    ;
	color: #ffffff ;
}
.pakketprijzen {
	color: #513B56 !important;
	//color: red !important ;
	
}
.bestelbtn {
	background-color: #f39200 !important   ;
	color: #ffffff;
}
.meerinfobtn {
	background-color: #513B56  ;
	color: #ffffff;
	border: none;
}
.prodterms2 {
	background-color: #5E548E  ;
	color: #ffffff;
}

.bestelbtn:hover, .meerinfobtn:hover,.bestelbtn:focus, .meerinfobtn:focus	 {
	background-color: #FFBD41    !important;
	color: #ffffff;
	 
}

.duimpjeup {
	color: #513B56 ;
}
#domchkmodal .modal-content{
	background-color: #ffffff   ;
	color: #5E548E  ;
}
#domchkmodal .header {
	background-color: #513B56 ;
	color: #ffffff;
}
.dominfomodal .modal-header, .dominfomodal .modal-footer{
	background-color: #513B56   ;
	color: #ffffff;
}
.dominfomodal .modal-footer{
	background-color: #ffffff       ;
	color: #5E548E;
}


.dominfomodal .modal-content, .dominfomodal .modal-body h3{
	background-color: #ffffff   ;
	color: #5E548E   !important  ;
}

.domcheckpanel {
	// background-color: #5E548E    ;
}
.ordercheckpanel ,.tldoverzichtheader{
	background-color: #5E548E   !important ;
}
.background-maincolor { background-color: #f39200 !important;}
.fontbackground-maincolor {color: #3b2401 !important;}
.background-extracolor1 {background-color: rgba(156,196.228,0.9) !important ;}
.font-extracolor1 {color: rgba(156,196.228,0.9	) ;}
.background-extracolor2 {background-color: rgba(58,137,201,0.9	) ;}
.font-extracolor2 {	color: rgba(58,137,201,0.9	) ;}
.background-extracolor3 {background-color: rgba(242,108,79,0.9);}
.font-extracolor3 {color: rgba(242,108,79,0.9) ;}


#helpdeskfaq h2 , #helpdeskfaq h3 {
	background-color:  #513B56  ;
}
#helpdeskfaq h5 {
	color: #513B56   ;
}
#helpdeskfaq .et_pb_toggle_item  {
	color: #5E548E       ;
}
.et_divi_100_custom_back_to_top .et_pb_scroll_top {
	background: #513B56 !important;
}
.et_divi_100_custom_back_to_top .et_pb_scroll_top:hover {
	background-color: #FFBD41   !important;
	color: #ffffff;
	
}
.tldoverzichtheader a{
	color: #ffffff  ;
}
.tldoverzichtheader a:hover{
	color: #479a36 ;
}
.tldshow {
	color: #479a36;
}
.menuitemactive,.active1
{
	background-color: rgba(0,0,0,0.8) !important;
	color: white !important ;
}