/** top menu **/

nav#top-menu-nav {
margin-top: 30px;

}


/** footer credit **/
p.fcredit {
	text-align: right !important;
  	font-size: 14px;
  	color: #666666;
}


div.fdiv {
	margin-top: 50px;

}


/** esg lightbox **/




/** **/
#grid-847 {
	height: 60px;

}

/* div#gallery-1, div#gallery-2, div#gallery-3, div#gallery-4, div#gallery-5, div#gallery-6, div#gallery-7, div#gallery-8 {
	height:0vh;
} */


/*** Mobile Menu Breakpoint ***/

/* @media screen and (max-width: 1050px) {

	#et_mobile_nav_menu {
		display: block !important;
	}
  
 #top-menu {
	display: none !important;

  } 
}

*/

/**** home page image ****/
div.entry-content img {
	border: 1px solid #999;
  	/* border: 1px solid #fff; */
}



/**** The Grid ****/

 img.tg-item-image  
 border: 1px solid #999; 

} 

 div.tg-item-inner { 
 border: 1px solid #999; 

} 


/*** apia skin ***/

article.tg-item.apia {
    border: 1px solid #999;
}

article.tg-item.apia[class*="tg-post-"] {
    border: 1px solid #999;
}


/* Initial values from original css edits */


/**** HEADER ****/

#main-header {
	background-color: #ffffff !important; /* background area 1 of 7 */
    /* background-color: #b3bbbf !important; */ /* background area 1 of 7 */
	padding-top: 20px; 

}


/**** Mobile Menu ****/

/* This makes the burger black! */
@media only screen and ( max-width: 980px ) {
	.mobile_menu_bar::before {
	color: #000000 !important;
	}
}


/* orange line on mobile menu turned grey */

.et_color_scheme_orange .et-search-form, .et_color_scheme_orange .nav li ul, .et_color_scheme_orange .et_mobile_menu, .et_color_scheme_orange .footer-widget li::before, .et_color_scheme_orange .et_pb_pricing li::before {
    border-color: #999 !important;
}





/**** Navigation ****/

/* link colors */

#top-menu li a {	
  /* color: #435d7e !important; */
    color: #000 !important;
	font-size: 12px; 
	/*	font-size: 14px; */
}

#top-menu li a:hover {
    /* color: #8cafdb !important; */
	/* color: #666 !important; */
 color: #d71c03 !important; 
 
}

#top-menu li a:active {
    color: #fff !important;
}


/* end links */

/* hide search tool icon */

#et_search_icon {
  visibility: hidden;

}



/* Main Content */

#main-content {
    background-color: #ffffff; /* background area 2 of 7 */
   /*background-color: #b3bbbf; */ /* background area 2 of 7 */

}

/* Hiding page title area */

.main_title {
    /* visibility: hidden; *//**** leaves title area space where display: none; does not! ****/
  	display: none;
}



/**** Envira Gallery *****/

	/** toolbox arrow pos  **/
#envirabox-buttons.bottom {
    bottom: 30px !important;
}


/** Close Button **/

/** Remove the close icon from Envira Gallery lightbox view. **/
/* .envirabox-wrap a.envirabox-close { display: none !important; } */




/** Customize the Envira Gallery lightbox close button **/
.envirabox-wrap a.envirabox-close { 
  /* Change below image path with URL to your own close button image */
 background-image: url('https://donaldkennedyphotography.com/wp-content/uploads/2017/05/close_x4.png');

  /* May be necessary to change the default height and width values to account for your specific background image */
  
  width: 40px;
  height: 40px;
   
  /* Adjust positioning for your close button */
  margin-top: 10px;

} 

/* overlay opacity */

.envirabox-overlay { 
	background: #ffffff !important; /* background area 3 of 7 */
   /* background: #b3bbbf !important; */ /* background area 3 of 7 */
}


/* thumbnail images */

div#envirabox-thumbs {
	margin-bottom: 50px;

}

#envirabox-thumbs ul li {
    border: 1px solid #000 !important; /* was white #fff; */
}

/* #envirabox-thumbs img { border: 2px solid green !important;} */
	

/* centers thumbnail strip */

#envirabox-thumbs {
    /* position: fixed; */
  	/* position: static !important; */
    /* margin-left: 10px !important; */
    /* overflow: hidden !important; */



}



/* border around large images */

img.envirabox-image {
    border: 1px solid #000 !important; /* was white #fff; */
} 

.envirabox-skin { 
	padding: 0 !important; 
	background-color: #000 !important; 	
}


/** This is the drop shadow on the lightbox **/

.envirabox-skin { 
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.6) !important;
	-moz-box-shadow:    0px 0px 8px 0px rgba(0, 0, 0, 0.6) !important;
	box-shadow:         0px 0px 8px 0px rgba(0, 0, 0, 0.6) !important;
}




.envirabox-title-outside-wrap {
    color: #000 !important;
  	font-size: smaller !important;
}





/** ** End Envira gallery css ** **/


/* FOOTER */

/* my footer credit is here */
div.textwidget{
width: 800px;

}

.footer-widget {
	font-size: 12px;
	color: #000; /* color: #435d7e; */
	paragraph-align: right !important;
}


#footer-info {
	font-size: 12px;
	color: #000; /* color: #435d7e; */
	paragraph-align: right !important;
  	float: right;
}


/** fade in text **/

#footer-info p {
    font-size: 12px;
	paragraph-align: right !important;
  	float: right;    

    -webkit-animation: fadein 12s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 12s; /* Firefox < 16 */
        -ms-animation: fadein 12s; /* Internet Explorer */
         -o-animation: fadein 12s; /* Opera < 12.1 */
            animation: fadein 12s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}






#main-footer {
    background-color: #ffffff !important; /* background area 4 of 7 */
  	/* background-color: #b3bbbf !important; */ /* background area 4 of 7 */
}

#footer-widgets {
    background-color: #ffffff !important; /* background area 5 of 7 */
    /* background-color: #b3bbbf !important; */ /* background area 5 of 7 */

}

#footer-bottom {    
    background-color: #ffffff !important; /* background area 6 of 7 */
    /* background-color: #b3bbbf !important; */ /* background area 6 of 7 */
}





/* end initial values from original css edits */

/* Background Color for page  */

body.custom-background {
    background-color: #ffffff !important; /* background area 7 of 7 */
   /* background-color: #b3bbbf !important; */ /* background area 7 of 7 */
}





/* DAM menu image logo */
#top-menu img {
    vertical-align: -5px;
}





/* image borders masaic gallery thumbnails */
.envira-gallery-item img {
    border: 1px solid #000 !important; /* was white #fff; */
    
}


/*** Make nav arrows always visible (optional) ***/
.envirabox-nav { visibility: visible !important; }

/* Remove default navigation arrow background images */
.envirabox-nav span { display: none !important; }

/* Make the clickable nav area larger */
.envirabox-nav { width: 30% !important; height: 100% !important; }



/*** Navigation Arrows ***/

/* Move the close icon */
.envirabox-close { position: fixed !important; top: 5px !important; right: 5px !important; }

/* Move the prev/next navigation arrows and make them always visible */
a.envirabox-nav span { visibility: visible !important;  position: fixed !important; }
.envirabox-prev, .envirabox-next { position: fixed !important; width: 40% !important; }

/* Make sure the prev/next nav arrows are consistently positioned regardless of inside/outside configuration */
.envirabox-prev { left: 0 !important; }
.envirabox-next { right: 0 !important; }



/*** Navigation Arrows ***/


/* Add custom FontAwesome nav arrows */
.envirabox-nav::before { 
  display: block;
  font-family: 'FontAwesome';
  position: absolute;
  top: 50%;
  
  /*** Color of the icons, modify as desired ***/
  color: #fff !important; /* was white #fff; */
  
  /*** Font size of the icons, modify as desired ***/
  font-size: 60px;
}

/* Prev nav arrow */
.envirabox-prev::before {
  /*** Replace with the FontAwesome icon unicode you want to use ***/
  content: '\f104';
  
  left: 0 !important;
  -webkit-transform: translate(50%, -50%);
  -moz-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
}

.envirabox-next::before {
  /*** Replace with the FontAwesome icon unicode you want to use ***/
  content: '\f105';
  
  right: 0 !important;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}




/**** CONTACT FORM ****/

/* send/submit button */
button.et_pb_contact_submit {
color: #000 !important;
  
}

.et_pb_contact_submit, .et_pb_contact_reset {
    font-family: inherit;
  	font-size: 16px;   
}

/* button hover size */
/*
.et_pb_button::before, .et_pb_button::after {
    font-size: 28px;

}

*/

/* link colors */
.et_color_scheme_orange a {
    color: #666;
}


.et_color_scheme_orange a:hover {
    color: #000;
  	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}