/*
 Theme Name:   Domeinhost
 Theme URI:    http://divi.space/
 Description:  A Child Theme built for Divi on Divi Space
 Author:       Mesut
 Author URI:   http://www.interip.nl
 Template:     Divi
 Version:      1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/*=== General Styling ===*/

body.page-template-default  { 
	background-color: #3b4496 !important; 
	background-image: url("/wp-content/uploads/sites/4/2017/05/Globe-2.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 */


}

/*=== Header ===*/
    
    /* Mobile Menu */
ul#mobile_menu { border-top: none; text-align: center; }
#main-header .et_mobile_menu li ul { display: none !important; }	
#top-menu li { padding-right: 10px; }

/* Sub Menu */
ul.sub-menu {
	padding-top: 0px !important;
    border-top: none !important;
    background: transparent !important;
    box-shadow: none !important;
}
ul.sub-menu li { margin-bottom: 5px !important; padding: 0px !important; width: 100%; }
ul.sub-menu li:last-of-type { margin-bottom: 0px !important; }
ul.sub-menu li a, ul.sub-menu li a:hover  {        
		padding: 2px 2px !important;
		margin-right: 15px;
		 border-radius: 5px;
	    text-align: center;
        opacity: 1.0 !important;
		width: 95% !important;
}	

ul#top-menu  li.menu-item:last-child ul li { 
	//position: absolute;
	left: -75px;
	padding-right: 35px !important; 
}
ul#top-menu  li.menu-item:last-child ul li ul li{ 
	top: 35px;
	left: 10px;
	width: 100%;
	text-align: center;
    padding-right: 5px !important; 
}

.et-fixed-header #top-menu ul.sub-menu { top: 75%; }


/*=== Body ===*/
    
    /*=== General ===*/
.home_slide_menu br { display: none; }
    .home_slide_menu ul { list-style-type: none !important; padding: 0px !important; }
    .home_slide_menu ul li { margin-bottom: 20px; }
    .home_slide_menu ul li:last-of-type { margin-bottom: 0px; }

.home_slide_menu {
	position: fixed;
	top: 50%; left: 30px;
	transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    z-index: 999;
}
 /*Smaller images on mobile*/
@media screen and (max-width:980px) { .home_slide_menu { left: 10px !important; } }
@media (max-width: 480px) { .home_slide_menu img { width: 75%; } }    
	
/* Slide-In Panel */
    #tab_slide { transform: translateY(-50%); display: table; }

    /* Toggle Button */
    .tab_text_left {
        box-shadow: none !important;
        top: 50% !important;
        transform: translateY(-50%);
    }

    #tab_toggle { height: 95px; width: 35px; left: -25px; }
    #tab_title_wrap { display: none !important; }

    /* Content */
    #tab_slide_background {
        box-shadow: none !important;
        border-top-left-radius: 300px;
        border-bottom-left-radius: 300px;
    }

    #tab_slide_content { display: table-cell; vertical-align: middle; }
    #tab_slide_content .textwidget { text-align: right; }
    #tab_slide_content .textwidget span { font-size: 26px; font-weight: 600; color: #ffffff; }
    #tab_slide_content .textwidget p {color: #000000;font-size: 22px; }
    #tab_slide_content .textwidget p:first-of-type { display: none; }
    #tab_slide_content .textwidget ul { margin-bottom: 30px; }
    #tab_slide_content .textwidget li { font-size: 14px; }
    #tab_slide_content .textwidget li:after {
        font-family: 'ElegantIcons';
        content: "\e052";
        color: #ffffff; 
        margin-left: 10px;
    }

 /*=== Helpdesk ===*/

    /* Toggles FAQ */
    .et_pb_toggle_open, .et_pb_toggle_close { padding: 10px;}
    .et_pb_toggle h5 { font-size: 14px;}
    .et_pb_toggle { margin-bottom: 5px !important; }

    /* Menu */
    div[class*="helpdesk_menu"] { border: none; padding-right: 0px; }
    div[class*="helpdesk_menu"] li {
        padding: 10px 5px;
        border-radius: 5px;
        text-align: center;
        margin-bottom: 15px !important; 
        font-weight: 600; 
    }

    /* Links to device */
    .link_to_device a { margin-left: 10px; margin-right: 10px; }

 /*=== Contact ===*/

    .contact_form p:nth-child(n+3):nth-child(-n+6) { width: 50%; float: left; }
    .contact_form p:nth-child(3), .contact_form p:nth-child(5) { padding-right: 5px;}
    .contact_form p:nth-child(4), .contact_form p:nth-child(6) { padding-left: 5px;}

    div[class*="_form"] br { display: none; }
    div[class*="_form"] input[type="text"], div[class*="_form"] input[type="email"], div[class*="_form"] textarea, div[class*="_form"] select  { 
        width: 100%; 
        padding: 5px;
    }

    div[class*="_form"] input[type="text"], div[class*="_form"] input[type="email"], div[class*="_form"] select { height: 35px; }

    div[class*="_form"] input[type="submit"] {
        float: right;
       // background-color: #ffffff;
        border: none;
        padding: 5px 8px;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        //text-transform: uppercase;
    }

    .wpcf7-form-control-wrap > div > div > div {
        margin-top: -24px;
        height: 80px !important;
        width: 180px !important; 
    }
/*=== Footer ===*/

div#footer-bottom { padding: 0px; height: 125px; }
div#footer-bottom .container { display: none; }

.footer_img_box { position: relative; height: 100%; }
.footer_img_box_middle { position: absolute; top: 0;right: 0;  }
.footer_img_box_right { position: absolute; right: 0px; bottom: 0px; }
.footer_img_box_right img { float: right; }
.footer_img_box_left {padding-top: 10px !important;}

@media screen and (max-width:1100px) {
	.footer_img_box_middle { width: 100%; text-align: center; }
	.footer_img_box_left { width: 100%; text-align: center; padding-top: 40px}
	.footer_img_box_left img { max-width: 25%; }
	.footer_img_box_right img { max-width: 80%; }	
}

@media screen and (max-width:600px) {
	.footer_img_box_right img { max-width: 50%; }	
	.footer_img_box_left img { max-width: 45%; }
}


/*=== Copyright ===*/
#footer-bottom p#footer-info { width: 100%; text-align: center; }

/*=== Responsive ===*/

@media screen and (min-width:981px) {
    h2 { font-size: 30px !important; }
    
    li.menu_child_item { display: none !important; }

    .package_box { margin-bottom: 0px !important; }
    .package_box_link_mobile { display: none; }
    
    .helpdesk_menu_links div#nav_menu-4 { margin-bottom: 0px !important; }

	li.menu_child_item { display: none !important; }    
	
	/*footer#main-footer { position: fixed; width: 100%; bottom: 0; }*/
}

@media screen and (min-width:981px) and (max-width:1350px) {
	ul#top-menu li a { padding: 10px;}
	//#logo { max-height: 15% !important; }
	div#et-top-navigation { padding-left: 10px !important; }	
}

@media screen and (min-width:981px) and (max-width:1100px) {
    ul.home_steps li { margin: 10px 0px;}
    ul.home_steps li p { font-size: 18px !important; margin-right: 10px !important; }
    ul.home_steps li span { font-size: 18px; padding: 4px 12px !important; }

    .package_box img { max-width: 80%; }

    nav#top-menu-nav a { font-size: 12px !important; }
}    

/*Mobile*/

@media screen and (max-width:479px) { 
	#top-menu {margin-top:100px;}
    .helpdesk_download { max-width: 100%; } 
    .helpdesk_menu_links div#nav_menu-4 { margin-bottom: 0px !important; }
    .helpdesk_menu_rechts div#nav_menu-5 { margin-top: -30px !important; } 
    
    /* Hide Slide-In Panel on Mobile */
    #tab_slide { display: none !important; }
}

@media screen and (max-width:980px) {
    li.menu_parent_item { display: none !important; }
    
    .home_btn_white, .home_btn_white:hover, .home_btn_green, .home_btn_green:hover { width: 100% !important; }
    
    ul.home_steps li {
        font-size: 20px !important; 
        font-size: 20px !important; 
        margin: 0px 0px 30px 0px;
        width: 100%;
        text-align: center;
    }

    ul.home_steps li span { padding: 5px 14px !important; }

    ul.home_steps li p { 
		margin-top: 15px !important;
		display: block !important;
		max-width: 80%;
		margin: auto;
    }
    
    ul.home_steps { padding-bottom: 0px; }
    ul.home_steps li:last-of-type { margin-bottom: 0px; }
    
    .domain_checker { max-width: 100% !important; }
	.domain_checker input[type="text"], .domain_checker input[type="submit"] { width: 100% !important; }
	.domain_checker input[type="text"] { margin-bottom: 10px; }
    
    #wpbs_slider .icon_label {
        transform: translate(50%,-50%) !important;
        -webkit-transform: translate(50%,-50%) !important;
        -ms-transform: translate(50%,-50%) !important;
        -moz-transform: translate(50%,-50%) !important;
    }
    
    .package_box { width: 100% !important; padding: 0px; }
    .package_box_link_desktop { display: none; }
    
    .package_info { max-width: 100%; padding-top: 20px; }
	span.package_name, h3.package_title { font-size: 18px; }
    
    .contact_form p:nth-child(n+3):nth-child(-n+6) { width: 100%;}

	li.menu_parent_item { display: none !important; }
}

ol.carousel-indicators {
	// background-color: black ;	
	margin-bottom: 0px;
	padding-bottom: 0 px;
	color: red;
	font-size: 25px;
}
.logo_container {
	width: 50%;
}
#stickycart {
	z-index: 999 !important; 
	//margin-top: 155px;
	overflow-y: auto;	
	overflow-x: hidden;	
		//position: absolute;
		max-height: 70vh;	
		
}

/* Packages */
    .package_box { padding: 0px 20px; }
    .package_box .et_pb_blurb_content { 
		border-radius: 10px;
		padding: 20px 0px;
        background: rgba(0,0,0,0.7);        
	}

	.package_box .et_pb_blurb_content h4 {
		color: #ffffff !important; 
		font-weight: 600;
		font-size: 20px;
		margin-bottom: 15px;
	}

	.package_box .et_pb_blurb_content a {
		color: #000000;
		background-color: rgba(255,255,255,0.6);
		letter-spacing: 1px;
		padding: 5px 10px;
		border-radius: 5px;
	}

	.package_box > div a:hover { background-color: rgba(255,255,255,1) !important; }
    .package_box .package_box_desc { color: #ffffff; min-height: 50px; }
    .package_box .package_box_price { color: #ffffff; min-height: 80px; font-weight: 600; }