/*

 Theme Name:   My Divi Child Theme

 Theme URI:    https://www.elegantthemes.com/gallery/divi/

 Description:  My Divi Child Theme

 Author:       M-J Kelley

 Author URI:   https://www.threeloudcrows.ca

 Template:     Divi

 Version:      1.0.0

 Text Domain:  Divi-child

 License:      GNU General Public License v2 or later

 License URI:  https://www.gnu.org/licenses/gpl-2.0.html

*/



/******************************************  

 CUSTOM STYLESHEET FOR PMF - CURRENT  2020

*******************************************/

   

/*----------------------

FONTS

------------------------*/
.et_pb_menu_0_tb_header.et_pb_menu ul li a {
	font-family: 'Nunito',Helvetica,Arial,Lucida,sans-serif;}

#h2spacing{padding-bottom:20px;}
.spacing {margin-top:40px;}
.title-spacing{padding:20px;}

/*----------------------

NAVIGATION

------------------------*/
.main-menu .et-pb-icon  {font-size:30px!important;position:relative;top:-13px;}
/*HOME ET ICON in the main menu */

/*----------------------

BODY

------------------------*/
html {overflow-y: scroll!important;} 



/*----------------------

HOME PAGE

------------------------*/



/*----------------------

PAGES

------------------------*/
/****************************/
/***** CUSTOM SIDE TABS *****/
/****************************/

/*** MAIN CONTENT BOX ***/
 
 .et_pb_tab {
     background: #ffffff; /* main background color */
     padding: 10px 50px 50px 100px;
     min-height: 560px; /* adjust if necessary */
}

/*** TABS ON LEFT ***/

/*** ACTIVE TAB ***/
 .et_pb_tabs_controls li.et_pb_tab_active, 
 .et_pb_tabs_controls li.et_pb_tab_active:hover {
     background: #f2f3f4 !important; /* background color of active tab on left */
}

ul.et_pb_tabs_controls {
    background-color: 
    #fff;
}
.et_pb_tabs_controls li {
     background: #ffffff !important; /* background color of non-active tabs */
     margin-bottom: 10px;
	border:2px solid #002d4c;
	}

.et_pb_tabs_controls li a { /* most of these can be set in the module instead if you prefer */
	 padding: 60px 25px 10px 25px;
}

 ul.et_pb_tabs_controls:after {
     display: none; /* removes a weird line */
}

.et_pb_tabs_controls li:not(.et_pb_tab_active):last-child {
    border-right: 2px solid #002d4c!important;
}

/*** MEDIA QUERIES FOR MOBILE / TABLET ***/
@media only screen and (max-width: 480px) {
	.et_overlay:before {
		font-size: 20px; /* makes hover icon smaller */
		margin: -10px 0 0 -10px;
	}
}
@media only screen and (max-width: 980px) {
	ul.et_pb_tabs_controls {
		display: flex;
    	flex-direction: column;
	}
	.et_pb_tabs_controls li {
		display: flex;
		width: 100%;
	}
	.et_pb_tab {
		padding: 40px 25px;
	}
} 
 @media only screen and (min-width: 981px) {
     ul.et_pb_tabs_controls {
         float: left;
         width: 30%;
         background: transparent;
    }
     ul.et_pb_tabs_controls li {
         bottom: 0 !important;
         padding-bottom: 10px;
         padding-top: 10px;
         width: 100%;
    }
     .et_pb_tabs_controls li.et_pb_tab_active {
         padding-bottom: 10px;
         padding-top: 10px;
    }
     .et_pb_all_tabs {
         float: left;
         padding: 0;
         width: 70%;
         background: #ffffff; /* this should match the main background color */
		 z-index: 99;
    	 position: relative;
    }
}


/*******add icons to the tabs *******/
.page-id-17 .et_pb_tabs_controls .et_pb_tab_0 a::before {
  content: "\f0c3"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: 0;
  width: 1.2em; 
  font-size: 2.6em;
}/*zinc-nickel */
.page-id-17 .et_pb_tabs_controls .et_pb_tab_1 a::before {
  content: "\f1ce"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: 0;
  width: 1.2em; 
  font-size: 2.6em;
}/*black-oxide*/
.page-id-17 .et_pb_tabs_controls .et_pb_tab_2 a::before {
  content: "\f0c8"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: 0;
  width: 1.2em; 
  font-size: 2.6em;
}/*carbon-plating*/
.page-id-17 .et_pb_tabs_controls .et_pb_tab_3 a::before {
  content: "\f039"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: 0;
  width: 1.2em; 
  font-size: 2.5em;
}/*passivation */
.page-id-17 .et_pb_tabs_controls .et_pb_tab_4 a::before {
  content: "\f110"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: 0;
  width: 1.2em; 
  font-size: 2.6em;
}/*shot peen */
.page-id-17 .et_pb_tabs_controls .et_pb_tab_5 a::before {
  content: "\f140"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: 0;
  width: 1.2em; 
  font-size: 2.6em;
}/*sandblasting */
.page-id-17 .et_pb_tabs_controls .et_pb_tab_6 a::before {
  content: "\f128"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: 0;
  width: 1.2em; 
  font-size: 2.6em;
}/*why */

.page-id-3345 .et_pb_tabs_controls .et_pb_tab_0 a::before {
  content: "\f1ad"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: 0;
  width: 1.2em; 
  font-size: 2.6em;
}/*facilities */
.page-id-3345 .et_pb_tabs_controls .et_pb_tab_1 a::before {
  content: "\f2cc"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: 0;
  width: 1.2em; 
  font-size: 2.6em;
}/*water*/
.page-id-3345 .et_pb_tabs_controls .et_pb_tab_2 a::before {
  content: "\f0c2"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: 0;
  width: 1.2em; 
  font-size: 2.5em;
}/*air */
.page-id-3345 .et_pb_tabs_controls .et_pb_tab_3 a::before {
  content: "\f00c"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: 0;
  width: 1.2em; 
  font-size: 2.6em;
}/*RoHS */

.page-id-13 .et_pb_tabs_controls .et_pb_tab_0 a::before {
  content: url(https://www.peregrinemetalfinishing.com/wp-content/uploads/2020/03/Peregrine-Metal-Finishing-Logo-36.png);
  display: inline-block;
  margin-left: 0;
	margin-right:5px;
  position:relative;
	top:5px;
}/*aboutus */
.page-id-13 .et_pb_tabs_controls .et_pb_tab_1 a::before {
  content: "\e08a";
  font-family: 'ETmodules'; /*Elegant Themes*/
  display: inline-block;
  margin-left: 0;
  width: 1.2em; 
  font-size: 2.6em;
}/*clients*/
.page-id-13 .et_pb_tabs_controls .et_pb_tab_2 a::before {
  content: "\e08b";
  font-family: 'ETmodules';
  display: inline-block;
  margin-left: 0;
  width: 1.2em; 
  font-size: 2.6em;
}/*employees */

/* end Tabs*/

#pdf{box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3);}


/*----------------------

Gutterless Divi Gallery With Hover Effects - https://www.twobluetoucans.co.uk/divi/gutterless-divi-gallery-hover-effects/

------------------------*/
.gallery-grid div.et_pb_gallery_item {
    margin:0px !important;
    width:25% !important;
}

/* remove or replace the overlay */
.gallery-grid span.et_overlay {
	
    /* switch off overlay */
    display:none;
	
    /* change overlay colour */
    /* background-color:black; */
    /* opacity:0.2 !important; */
}

/* remove icon - removing the overlay does this anyway */ 
/* .gallery-grid span.et_overlay::before {  */
/*     display:none; */
/* } */

.gallery-grid div.et_pb_gallery_item {
    border: 1px solid transparent;
}


@media (min-width: 500px) {
/* allow hover effects only on non-mobiles */
	
    .gallery-zoom img, .gallery-rotate img {
        transition:all 0.5s; 
        -moz-transition:all 0.5s; 
        -webkit-transition:all 0.5s; 
    }
		
    .gallery-zoom img:hover {
        -moz-transform:scale(1.3);
        -webkit-transform:scale(1.3);
		transform:scale(1.3);
    }  

    .gallery-rotate img:hover {
        transform:rotate(5deg);
        -moz-transform:rotate(5deg);
        -webkit-transform:rotate(5deg);
    } 
	
    .gallery-grid div.et_pb_gallery_image, .gallery-grid div.et_pb_gallery_items {      
        overflow:visible !important;
    }
	
    .gallery-grid div.et_pb_gallery_image:hover {
        z-index:999;
    }

    .gallery-grid img:hover {
        box-shadow: 8px 8px 14px rgba(0, 0, 0, 0.2) !important;
    }
}

@media (max-width: 980px) {
    .gallery-grid div.et_pb_gallery_item.et_pb_grid_item {
        margin:0px !important;
        width:33% !important;
    }
}

@media (max-width: 780px) {
    .gallery-grid div.et_pb_gallery_item.et_pb_grid_item {
        margin:0px !important;
        width:50% !important;
    }
}

@media (max-width: 680px) {
    .gallery-grid div.et_pb_gallery_item.et_pb_grid_item {
        margin:0px !important;
        width:100% !important;
    }
}

/*----------------------

CONTACT FORM
------------------------*/
div.wpforms-container-full .wpforms-form input[type=submit], 
div.wpforms-container-full .wpforms-form button[type=submit] {
	color: #ffffff!important;
	background-color:#9fadac!important;
    padding: .3em 1em !important;
	transition: all 300ms ease 0ms;
	border-radius: 3px;
	border-color:#9fadac!important;
	line-height: 1.7em !important;
	font-weight:500;
	border: none!important;
	box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3);
	text-transform:uppercase!important;
	font-size:18px!important;
	font-family: 'Cabin',Helvetica,Arial,Lucida,sans-serif;
	letter-spacing: 3px;
}

div.wpforms-container-full .wpforms-form input[type=submit]:hover, 
div.wpforms-container-full .wpforms-form button[type=submit]:hover {
	background-color:#ffffff!important;
	box-shadow:none!important;
	color:#002857!important;	
}
div.wpforms-container-full .wpforms-form .wpforms-field-label {
font-family: 'Cabin',Helvetica,Arial,Lucida,sans-serif;
font-weight: 700!important;
text-transform: uppercase;
font-size: 13px!important;
color: #9fadac !important;
letter-spacing: 3px;
}
.wpforms-container-full .wpforms-form .wpforms-captcha-equation {
    font-size: 16px;
    color: #fff !important;
}




/*----------------------

FOOTER

------------------------*/
#footer-info {float: none !important;text-align: center !important;}
#footer-info a {text-align: center!important;color:#666;font-weight: 800;}
#footer-info a:hover {color:#f99f3d!important;opacity: 1!important;transition: .8s!important;}
#footer-info-pmf a {text-align: center!important;color:#666;font-weight: 800;}
#footer-info-pmf a:hover {color:#9fadad!important;transition: .8s!important;}
/*centers the copyright */




/*********************************************************************************************



Media Queries



*********************************************************************************************/




@media only screen and (max-width: 980px) {
	.et_pb_menu .et_mobile_nav_menu, .et_pb_fullwidth_menu .et_mobile_nav_menu {
    position: relative;
    top: -20px;
    left: -10px;
	} /* adjusts hamburger*/
	.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu, .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu ul {
    background-color: #ffffff !important;
    top: 65px;
    width: 150px;
    padding-left: 20px;
    left: -20px;
}/* adjusts menu dropdown*/
	.main-menu .et-pb-icon  {font-size:30px!important;position:relative;top:0;}
/*HOME ET ICON in the main menu */

}



@media only screen and ( min-width: 981px ) and ( max-width: 1590px ) {

}


@media only screen and ( min-width: 979px ) and ( max-width: 1180px ) {

}

@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {



}



@media only screen and ( max-width: 767px ) {

}

@media only screen and ( min-width: 528px ) and ( max-width: 767px ) {
	.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu, .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu ul {
    background-color: #ffffff !important;
    top: 50px;
    width: 150px;
    padding-left: 20px;
    left: -20px;
}/* adjusts menu dropdown*/
}

@media only screen and ( max-width: 530px ) {

}
	
@media only screen and ( min-width: 480px ) and ( max-width: 527px ) {
	.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu, .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu ul {
    background-color: #ffffff !important;
    top: 50px;
    width: 150px;
    padding-left: 20px;
    left: -20px;
}/* adjusts menu dropdown*/
}	

@media only screen and ( min-width: 415px ) and ( max-width: 479px ) {
	.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu, .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu ul {
    background-color: #ffffff !important;
    top: 50px;
    width: 150px;
    padding-left: 20px;
    left: -20px;
}/* adjusts menu dropdown*/
}
@media only screen and ( max-width: 414px ) {
	.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu, .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu ul {
    background-color: #ffffff !important;
    top: 48px;
    width: 150px;
    padding-left: 20px;
    left: -20px;
}/* adjusts menu dropdown*/
}