/*
Theme Name: PjamaTheme
URI: https://www.pjama.com
Description: Child Theme for Pjama, Created and maintained by Tommy Falk 2020
Author: Tommy Falk
Author URI: https://www.tommyfalk.com
Template: Divi
Version: 4
*/

@import "woo.css";

/****************************************************** Colors ***/
.lightblue	{ color: #61A2DF; }
.darkblue	{ color: #1F448B; }
.purple		{ color: #945DA4; }
.yellow		{ color: #EDCA00; }
.orange		{ color: #D35917; }
/****************************************************** Links ***/

p a {
	display:inline-block;
	text-decoration:none;
	color: #945da4;
}
p a::after {
	content:'';
	display:block;
	width:0;
	height:1px;
	background:#945da4;
	transition:width .2s;
	transition: all 0.15s ease-out;
}
p a:hover::after {
	width:100%;
	transition:width .2s;
	transition: all 0.15s ease-out;
}
/****************************************************** Default headline font ***/

h1, h2, h3, h4 {
	text-transform: uppercase;
	font-weight: 700;
	color: #1F448B;
}

h3 {
	margin-bottom: 12px;
}

p {
	font-size: 1.4em;
	line-height:1.3em;
}
/****************************************************** Large screens (1405px upwards) */
@media only screen and ( min-width: 1405px ) {
	
	.hero { font-size: 5em; }
	h1 { font-size: 4em; }
	h2 { font-size: 3em; }
	h3 { font-size: 2em; }
	h4 { font-size: 1em; }

}	
/****************************************************** Laptops and desktops (1100-1405px) */
@media only screen and ( min-width: 1100px ) and ( max-width: 1405px) {

	.hero{ font-size: 5em; }
	h1 { font-size: 4em; }
	h2 { font-size: 3em; }
	h3 { font-size: 2em; }
	h4 { font-size: 1em; }

}
/****************************************************** Tablets in landscape mode (981-1100px) */
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {
	
	.hero { font-size: 4em; }
	h1 { font-size: 4em; }
	h2 { font-size: 3em; }
	h3 { font-size: 2em; }
	h4 { font-size: 1em; }

}
/****************************************************** Tablets in portrait mode (768-980px) */
@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
	
	.hero { font-size: 4em; }
	.dtb_mobile #main-header .mobile_menu_bar { margin-right: 1px!important; }
	

}
/****************************************************** Smartphones in landscape mode (480-768px) */
@media only screen and ( min-width: 480px ) and ( max-width: 767px ) {
		/* your css goes here */
}
/****************************************************** Smartphones in portrait mode (0-479px) */
@media only screen and ( max-width: 479px ) {
	
	.hero { font-size: 2.2em; }
	h1 { font-size: 2.2em; }
	h2 { font-size: 1.8em; }
	h3 { font-size: 1.6em; }
	h4 { font-size: 1em; }
	p  { font-size: 1.2em; line-height:1.3em; }
	.et_pb_row { width: 90%;}
	
	.et-db #et-boc .et-l .et_pb_row {
    width: 90%;
   
}
	
}

/****************************************************** Menus ***/

#top-header a {
		text-decoration: none !important;
	}

.sub-menu,.sub-menu .menu-item,.sub-menu .menu-item a {
		min-width:240px;
		font-weight:600!important;
		font-size: 16px !important;
		text-transform: uppercase !important;
		color: #1F448B !important;
		text-align: left !important;
	}
	
.sub-menu,.sub-menu .menu-item,.sub-menu .menu-item a:active {
		color: #61A2DF !important;
	}
	
#top-menu li li a {
		padding:2px;
	}
	
.nav li ul a:hover {
		background:none;
		color:#61A2DF!important;
	}
	
	
#et-secondary-nav .menu-item-has-children>a:first-child:after, #top-menu .menu-item-has-children>a:first-child:after {
		content: "\45";
	}
	
#et-secondary-nav .menu-item-has-children:hover>a:first-child:after, #top-menu .menu-item-has-children:hover>a:first-child:after {
		content: "\43";
	}
	
/* Secondary Navigation Drop Down Menu */
#et-secondary-nav .sub-menu {
	background-color:#ffffff;
	min-width:80px;
	overflow-y: auto;
	overflow-x: hidden;
}

#et-secondary-nav li ul a {
    padding-top: 20px;
    padding-bottom: 0px;
	margin-bottom:2px;
	text-transform:uppercase;
	font-size:14px;
}

#et-secondary-nav li li a {
	float:left;
	width:140px;
	padding: 4px 10px 4px 0px;
	color:#333333;
	font-size:14px !important;
}

#et-secondary-nav li li a:hover{
	background-color:rgba(255,255,255,0);
    color:#61A2DF !important;

}


/****************************************************** List Styles ***/

.et_pb_text ul {
		list-style-image: url('https://dev.tommyfalk.com/pjama/wp-content/uploads/check@2x-e1586870764481.png');
	}
	
.et_pb_text ul li {
		font-size: 1.4em;
		line-height:1.3em;
		margin-bottom: 10px;
		padding-left: 3px;
		margin-left: 10px;
	}
	
.et_pb_text ol li {
		font-size: 1.4em;
		margin-bottom: 10px;
		list-style-position: inside;
		padding: 5px;
	}
	
/****************************************************** Footer ***/

.pjama-footer a {
		color: #ffffff !important;
		font-size: 0.8em;
		text-decoration: none;
	}
	
.pjama-footer p a:hover{
		color: #c5ddf4 !important;
		transition: all 0.3s ease-in-out ;
	}
	
.pjama-footer p a::after {
		content:'';
		display:none;
		width:0;
		height:1px;
		background:#ffffff;
		transition:width .2s;
	}
	
.pjama-footer p a:hover::after {
		width:100%;
		transition:width .2s;
	}
	
#footer-bottom {
		display:none;
	}
/****************************************************** Blog Extra ***/
	
.et_pb_column_4_4 .et_pb_post_extra.el_dbe_box_extended .post-content {
		-webkit-box-shadow: 0 0 25px 1px rgba(0,0,0,.1) !important;
		box-shadow: 0 0 25px 1px rgba(0,0,0,.1) !important;
}
	
/****************************************************** Dot Nav ***/

ul.et_pb_side_nav {
    right: 0.5%;
    width: auto;
    padding: 0px;
    border-radius: 20px;
    background: rgba(0,0,0,0);
}
ul.et_pb_side_nav li.side_nav_item {
    padding: 11px;
}
ul.et_pb_side_nav .side_nav_item a {
    width: 10px;
    height: 10px;
    margin-right: 0px;
    border-radius: 20px;
    background-color: rgba(202, 202, 202, 0.55);
}
ul.et_pb_side_nav.et-visible {
    opacity: 1;
    -webkit-animation: fadeIn 1.5s 1 cubic-bezier(0.77, 0, 0.175, 1);
    animation: fadeIn 1.5s 1 cubic-bezier(0.77, 0, 0.175, 1);
}
ul.et_pb_side_nav .side_nav_item a.active,
ul.et_pb_side_nav .side_nav_item a:hover {
    background-color: #945da4 !important;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition: -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

/****************************************************** Misc Tweaks ***/

.css-button {
	background-color:#61a2df;
	border-radius:5px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:16px;
	font-weight: 700;
	padding:12px 20px;
	text-decoration:none !important;
}
.css-button:hover {
	background-color:#71afe8;
}

h2.yikes-custom-woo-tab-title.yikes-custom-woo-tab-title-tvattrad {
    display: none;
}

div.et_pb_tab_content h2 {
    display: none;
}

a.cn-set-cookie.cn-button.bootstrap {
  background-color: #945DA4;
}

/*********************************************************/
/******************* www.tommyfalk.com *******************/
/*********************************************************/