/* 
 Theme Name:     dgm child
 Author:         Dirty Gi Marketing
 Author URI:     https://www.dirtygimarketing.com/
 Template:       Divi
 Version:        v1.0
 Description:   A Child Theme built using the elegantmarketplace.com Child theme maker
Developed by Andrew Palmer for Elegant Marketplace www.elegantmarketplace.com Free to use and duplicate as many times as you like Wordpress Version: 5.3.2
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 

sup {font-size: 0.6em; vertical-align: super; bottom: 0}
sub {font-size: 0.6em; vertical-align: sub; bottom: 0}

/* Class to set on column to vertically align in row */
.vertical-align {
	display: flex;
	flex-direction: column;
	justify-content: center;
}


a:hover {
color: #fa2a20;
}

/* a class to turn a standard square image into a circle for testimonial section
--------------------------------------------- */

.my-image-circle img {
    width: 120px;
    height: 120px;
	border-radius: 90px;
}

/* the main-content widgettitle codes are to customize the lines and bars in the blog sidebar
--------------------------------------------- */
#main-content .widgettitle {
    border-bottom: 1px solid #d7d7d7!important;
    padding-bottom: 7px!important;
    background: transparent!important;
    text-align: center!important;
    position: relative!important;
    margin-bottom: 18px!important;
    display: block!important;
    transform: skewX(0deg)!important;
}
#main-content .widgettitle h2 {
    font-size: 18px!important;
    color: #333!important;
    font-weight: 700!important;
    text-transform: uppercase!important;
}

#main-content .widgettitle:after {
    content: ''!important;
    height: 2px!important;
    width: 65px!important;
    display: block!important;
    margin: auto!important;
    position: absolute!important;
    bottom: -1px!important;
    left: 0!important;
    right: 0!important;
	background: #117aca!important;
}
.et_pb_widget li {
    border-bottom: 1px dotted #ccc;
    padding: 0 0 8px 0;
}


/* == Team Member CSS ======*/
.b3_team .et_pb_team_member_description {
padding:30px;
font-size: 12px;
text-align: -webkit-center;
}

/* different cool effect
.b3_team .et_pb_team_member_description {
    background-color: rgba(0,0,0,0.8);
    position: absolute!important;
    width: 100%;
    padding: 35px 5px 28px;
    text-align: center!important;
    bottom: 0;
}*/

.b3_team .et_pb_member_position {
text-transform: uppercase;
font-size: 15px;
font-weight: 600;
}
.b3_team .et_pb_member_position:after {
content: ' ';
display: none;
width: 20px;
margin: 5px 0 0;
border: 1px solid;
}
.b3_team:hover .et_pb_member_social_links a {
opacity:1;
transform: translate(0px, -15px);
-webkit-transform: translate(0px, -15px);
-ms-transform: translate(0px, -15px);
transition: all .4s ease-in-out;
}

.b3_team .et_pb_font_icon.et_pb_google_icon:before {
	content: "\e09a";
/*    font-size: 32px;
    color: #318EC3;*/
}



.b3_team .et_pb_member_social_links a {
opacity:.5;
margin-top: 20px;
transition: all 0.4s ease-in-out;
color: #e02b20!important;
}

.b3_team:hover img {
-ms-transform: scale(1.00) !important;
-webkit-transform: scale(1.00) !important;
transform: scale(1.00) !important;
transition: all .5s cubic-bezier(0.170, 0.690, 0.470, 0.995);
}
.b3_team {
border: none !important;
/*border-radius: 15px !important;*/
overflow: hidden;
width: 100%;
position: relative;
z-index: 1;
transition: all .3s ease-in-out;
box-shadow:0 20px 150px rgba(0,0,0,0.2);
}
.b3_team img {
transition: all .5s ease;
-ms-transform: scale(1.03);
-webkit-transform: scale(1.03);
transform: scale(1.03);
-webkit-transform-origin: bottom;
-moz-transform-origin: bottom;
-ms-transform-origin: bottom;
-o-transform-origin: bottom;
transform-origin: bottom;
}




/* ------- Zoom image on hover -------*/
.dgm-zoom-in.et_pb_image:hover img,
.dgm-zoom-in .et_pb_image_wrap:hover img,
.dgm-zoom-in a:hover img {
    transform: scale(1.1); 
    transition: all 2s 0s ease;
}

.dgm-zoom-in,
.dgm-zoom-in a {
    overflow: hidden;
}

.dgm-zoom-in.et_pb_image img,
.dgm-zoom-in .et_pb_image_wrap img,
.dgm-zoom-in a img {
    transition: all 1s 0s ease; 
}

.my-image-circle img {
    width: 120px;
    height: 120px;
	border-radius: 90px;
}

.zoom-background {
/*  width: 33%;
  padding-bottom: 20%;*/
  overflow: hidden;
  position: relative;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
/*transition: all .8s;*/
/*  background: url(http://hokejfan.pl/hokej2015/kluby/static/images2/48b51db749e3d9d992a61d289bc3c535.jpg);*/
/*  background-position: center center;
  background-size: cover;*/
}

.zoom-background::before { 
  content:"";
  position:absolute; top:0;right:0;bottom:0;left:0;
  background:inherit;
  transition:inherit;
	background-color:inherit;
	background-blend-mode:inherit;
}
.zoom-background:hover::before { 
  transform: scale(1.1);
}


.onlyshowonhover {
	opacity:0;
}

.onlyshowonhover:hover {
	opacity:1;
}

.zoomtextonhover:hover{
	transform: scale(1.05);
	transition: all 0.25s ease;
}

.simple_button a {
border-bottom: 2px solid blue!important;
}

/* === CSS to change column layout for image gallery === */
/*----------Custom Divi Gallery----------*/
 
.et_overlay {
    display: none;
}
 
.mainblog .et_overlay {
	display:block!important;
}

.mfp-title {
    display: none;
}
 
.et_pb_gallery_grid .et_pb_gallery_item img {
	transform: scale(1.03);
    transition: transform 0.5s, opacity 0.5s;
}
 
.et_pb_gallery_grid .et_pb_gallery_item img:hover {
    transform: scale(1.15);
    opacity: 1;
}

.et_pb_gallery_grid .et_pb_gallery_image {
    overflow: hidden;
    position: relative;
}

.et_pb_gallery_grid .et_pb_gallery_item {
    padding: 2px;
}

/*@media only screen and (max-width: 479px) {
     
.et_pb_column .et_pb_grid_item:nth-child(n) {
    width: 33%!important;
}
}*/

/** Desktop **/
@media (min-width: 981px){
.col-width .et_pb_gallery_item {
width: 25% !important; /*four columns*/
clear: none !important;
}
}
 
/** Tablet **/
@media (max-width: 980px){
.col-width .et_pb_gallery_item {
width: 25% !important; /*four columns*/
clear: none !important;
}
}
 
/** Small Tablet and Large Phone **/
@media (max-width: 767px){
.col-width .et_pb_gallery_item {
width: 50% !important; /*two columns*/
clear: none !important;
}
}
 
/** Phone **/
@media (max-width: 479px){
.col-width .et_pb_gallery_item {
width: 50% !important; /*two columns*/
clear: none !important;
}
}
/**** END CSS for custom gallery settings ***/

/* Gravity form overrides - have to use !important or this doesn't work
--------------------------------------------- */
/* These change the color of the placeholder text to a gray */
::-webkit-input-placeholder { /* Chrome */
  color: #757575 !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #757575 !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #757575 !important;
  opacity: 1 !important;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: #757575 !important;
  opacity: 1 !important;
}
.gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type=text], .gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container select {
    margin-bottom: 0px!important;
}
.gform_wrapper li.hidden_label input {
    margin-top: 0px!important;
}

.gform_wrapper .trialformradio input {
    width: 5%;
}
.gform_wrapper .formradio input {
    width: 5%;
}

.special-button {
    color: rgba(0,0,0,0.63)!important;
    border-width: 0px!important;
    border-radius: 0px;
    letter-spacing: 3px;
    font-size: 11px;
    font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif!important;
    font-weight: 500!important;
    text-transform: uppercase!important;
    background-color: rgba(0,0,0,0);
	margin-top:10px;
	box-shadow: 0px 2px 0px 0px #117aca;
    transition: color 300ms ease 0ms,box-shadow 300ms ease 0ms;
}

/*  Styling for social icons in footer */
.et-social-icon a {
    font-size: 14px;
/*    background: transparent;*/
	background: lightgray;
	color: black!important;
    padding: 6px;
    border-radius: 20px;
	/*border-radius: 3px;*/
	margin-top: -5px;
/* this ensure the social icons are square */
    height: 25px;
    width: 25px;
}

.et-social-icons a:hover {
	opacity:1!important;
-webkit-transform: translate3d(0,-3px,0);
    transform: translate3d(0,-3px,0);
    transition: transform 230ms ease-in-out;
	/*color:#117ACA!important;*/
}
.et-social-icons li.et-social-youtube a:hover {
	color: #f45750!important;
}
.et-social-icons li.et-social-facebook a:hover {
	color: #4267b2!important;
}
.et-social-icons li.et-social-instagram a:hover {
	color: #e1306c!important;
}

/*fix social icons in footer */
#footer-bottom .et-social-icon a {
	padding-top:2px;
	margin-top:0px;
}
#footer-bottom .et-social-icons li {
	margin-left:5px;
}
/* END fix social icons in footer */


/***HEADER 6 START***/

/********* Mobile Menu Collapse ********/
 
/**** This hides the sub menu items on mobile - requires javascript in header ****/
 
/*.et_mobile_menu .first-level > a {
background-color: transparent;
position: relative;
}
.et_mobile_menu .first-level > a:after {
font-family: 'ETmodules';
content: '\4c';
font-weight: normal;
position: absolute;
font-size: 16px;
top: 13px;
right: 10px;
}
.et_mobile_menu .first-level > .icon-switch:after{
content: '\4d';
}
.second-level {
display: none;
}
.reveal-items {
display: block;
}*/

/*change Divi hamburger menu to X*/
.mobile_nav.opened .mobile_menu_bar:before {
 content: '\4d';
}

.custom-header6-top-bar-inner-col, .custom-header6-middle-bar-inner-col {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.menu-style-6 .et-menu-nav>ul>li>a {
    padding: 25px 20px!important;
    margin: 0!important;
}

.menu-style-6 .et-menu-nav>ul>li>a:before {
    content: '';
    position: absolute!important;
    left: 0;
    top: 50%;
    height: 27px;
    width: 1px;
    margin: -14.5px -10px 0;
    background: rgba(255,255,255,.25);
}
.et-menu .menu-item-has-children > a:first-child:after {
    top: 25px;
}
/*** width on this section determines how large the submenu drop box is ***/
.menu-style-6 .nav li ul {
    margin-top: 0px;
	width: 320px;
	border-color:#821212!important;
	border-top: solid;
}
/***Submenu width of text - increase width so words don't wrap***/
.menu-style-6 .et-menu li li a {
    padding: 6px 20px;
    width: 280px;
}

.menu-style-6 li.freetrial {
    background: #821212;
}
.menu-style-6.et_pb_menu--without-logo .et_pb_menu__menu > nav > ul > li, .menu-style-6.et_pb_fullwidth_menu--without-logo .et_pb_menu__menu > nav > ul > li {
    margin-top: 0px;
}

@media(min-width: 981px) {
	#custom-header6-menu .et_pb_menu__logo-wrap {
		position: absolute;
		top: -101%;
	}
	#custom-header6-menu .et_pb_menu__menu, #custom-header6-menu .et-menu-nav, 
	#custom-header6-menu .et-menu-nav .et-menu {
		width: 100%;
	}
	#custom-header6-menu .et-menu-nav .et-menu { 
		-webkit-box-pack: space-evenly;
		-webkit-justify-content: space-evenly;
		-ms-flex-pack: space-evenly;
		justify-content: space-evenly; 
	}
}

@media(max-width: 980px) {
	#custom-header6-menu .et_pb_menu__wrap { justify-content: flex-end; }
	#custom-header6-menu .et_mobile_menu { top: 60px; }
	
	.custom-header6-middle-bar-blurb .et_pb_blurb_container,
	.custom-header6-top-bar-blurb .et_pb_blurb_container { padding-left: 0; }
}

@media(max-width: 374px) {
	.custom-header6-middle-bar-blurb .et_pb_blurb_content { font-size: 90%; }
	.custom-header6-top-bar-social-module li a { margin-right: 6px; }
}

@media(max-width: 1223px){
	.custom-header6-main-nav-row.et_pb_row_3_tb_header.et_pb_row {padding-right: 5%!important; padding-left:5%!important;}
}
@media(max-width: 1088px){
	.custom-header6-main-nav-row.et_pb_row_3_tb_header.et_pb_row {padding-right: 0%!important; padding-left:0%!important;}
}

/***CUSTOM FIXED HEADER start***/
@media (min-width: 981px) {
	header.et-l--header.custom-fixed-header { 
		position: fixed; 
		z-index: 999;
/*		top: -164px;*/
		top: -170px;
		left: 0;
		width: 100%;
	}
	
	header.et-l--header.custom-fixed-header .custom-header6-section { 
		box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); 
	}
	
	.admin-bar header.et-l--header.custom-fixed-header { top: -132px; }
	#main-content.on-fixed-header { padding-top: 240px; }
}
/***CUSTOM FIXED HEADER end***/

/***HEADER 6 END***/