/*
Theme Name:   TekTeam
Description:  By webrooms.se
Author:       Webrooms
Author URL:   webrooms.se
Template:     Divi
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  tekteam
*/

/* Write here your own personal stylesheet */
#et-info-phone {
	margin-right: 0;
	display:none !important;
}
li.teamviewer-link .sub-menu a {
	color: #f7811e !important;
	background: transparent;
}
.teamviewer-link a::after {
	display: flex;
	height: auto;
	width: 10px;
	position: relative !important;
}
button.et_pb_contact_submit.et_pb_button {
    color: white;
    border-radius: 25px;
    background: #f7811e;
}
#slider-contact-me input.wpcf7-validates-as-email {
	padding-left: 24px !important;
	color: #0d385e;
}
#slider-contact-me input.your-email {
	color:#f7811e;
}
#contact-pop {
border-radius: 12px;
}

/* Chrome, Firefox, Opera, Safari 10.1+ */
#slider-contact-me :-ms-input-placeholder,
#slider-contact-me ::-ms-input-placeholder,
#slider-contact-me ::placeholder { 
  color: #333;
  opacity: 1; /* Firefox */
}
/* TekTeam  - teamViewer FAB */
.tmw-ico {
	display:flex;
	background-repeat:no-repeat;
	background-position:center;
	background-image:url('http://www.tekteam.se/wp-content/uploads/2019/06/teamviewer-logo.png');
	background-size:contain;
	height:22px;
	width:22px;
}
.tmw-msg-cta {
	display:flex;
	position:relative;
	color:#fff;
	width:auto;
	margin-left:8px;
}
.team-viewer-btn {
	cursor:pointer;
	outline:0;
	min-width: 100px;
	height: 42px;
	display: flex;
	bottom: 16px;
	left: 16px;
	position: fixed;
	background: #0d385e;
	z-index: 99999;
	border-radius: 25px;
	font-size: .867em;
	padding: 0 16px;
	font-weight: 700;
	align-items: center;
	color: #fff;
}
li.teamviewer-link a {
    color: #fff !important;
    background: #f7811e;
    border-radius: 25px;
    font-size: .8em;
    padding: 6px 16px;
    padding-bottom: 6px !important;
    display: flex !important;
    align-items: center;
    margin: 0;
    margin-bottom: 8px;
}
a.teamviewer-logo {
	line-height: 0;
}
.remote-contact.elem-fab {
	display: flex;
	position: fixed;
	bottom: 16px;
	right: 0;
	width: 140px;
	height: auto;
	flex-direction: column;
	padding: 16px;
	padding-left: 28px;
	border: 1px solid #F3F3F3;
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
	background:#fff;
	z-index:29;
	
	-webkit-transition: all .42s ease;
	-moz-transition: all .42s ease;	
	-o-transition: all .42s ease;
	-ms-transition: all .42s ease;	
	transition: all .42s ease;
}
.remote-contact.elem-fab:hover {
	width: 180px;
	padding: 16px 34px;
}
.team-viewer-btn:hover {
background: #f7811e;
}
/* Mega Menu contact btn*/

#quadmenu .contact-link-btn.popup-trigger {
	padding: 16px !important;
	border: 1px solid #f3f3f3;
	margin: 8px;
	margin-top: 16px;
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;
}

/* Landing page | contact me slider */
#slider-contact-me input {
	height: 42px;
	padding: 8px;
	color: #333;
	border-radius: 25px;
	box-shadow: none;
	border: none;
}

#slider-contact-me .submit-btn input {
	background: #f7811f;
	color: #fff;
	font-weight: 700;
	padding: 8px 20px;
	cursor: pointer;
	-webkit-backface-visibility: visible;
	z-index:99;
	
	-webkit-transition: all .42s ease;
	-moz-transition: all .42s ease;	
	-o-transition: all .42s ease;
	-ms-transition: all .42s ease;	
	transition: all .42s ease;
}

#slider-contact-me .submit-btn:focus input,
#slider-contact-me .submit-btn:hover input {
	transform: scale(.8);
}

@media all and (max-width: 580px) {
	#slider-contact-me input {
		display: flex;
		min-width: 100%;
		margin: 8px 0;
		margin-top: 0;
		position:relative;
	}	
}

/* Mega menu layout */
.elem-mega-title {
	font-size: 1em;
	font-weight: 600;
	border-bottom: 1px solid #f3f3f3;
	margin-bottom: 8px;
}

@media all and (min-width: 680px) {
	.elem-mega-title.col-one,
	.elem-mega-title.col-two {
		padding-left:16px;
	}	
}
@media all and (min-width: 576px) {
	#quadmenu .col-sm-6,
	#quadmenu .col-sm-4 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 25% !important;
		-ms-flex: 0 0 25% !important;
		flex: 0 0 25% !important;
		max-width: 25% !important;
	}	
}
.et_fixed_nav #main-header, 
.et_fixed_nav #top-header {
	position: fixed;
	-webkit-backface-visibility: visible;
	-webkit-transform: translate3d(0);
	transform: translate3d(0);
}
html .tek-team-megamenu ul li .custom-html-widget .contact-link-btn.popup-trigger {
	border: 1px solid #edb059 !important;
	display: inline-block;
	padding: 16px !important;
	margin: unset;	
	margin-top: 16px !important;
	border-radius: 25px;
}
html .tek-team-megamenu .contact-link-btn.popup-trigger:focus,
html .tek-team-megamenu .contact-link-btn.popup-trigger:active,
html .tek-team-megamenu .contact-link-btn.popup-trigger:hover {
		border: 1px solid green !important;
}
html .et_color_scheme_orange #top-header {
	background:#fff !important;
	border-bottom:1px solid #f7f7f7;
}
a.popup-trigger .quadmenu-item-content {
    border: 1px solid #e6e6e6;
    display: inline-flex;
}
#quadmenu .quadmenu-navbar-nav li.quadmenu-item>a>.quadmenu-item-content {
    position: relative;
    display: inline-table;
    vertical-align: middle;
    width: 100%;
    padding: 8px !important;
	margin: 0 8px;
}

/* footer */
#main-footer p,
#main-footer h3,
#main-footer h2,
#main-footer #menu-main-menu li a,
#footer-widgets .footer-widget .tagcloud a {
	color: #333333 !important;
}
#footer-widgets .footer-widget li:before {
	list-style-type: none !important;
}