/*
 Theme Name:   USSCM Child Theme
 Theme URI:    http://sierrapulse.com
 Description:  A custom WordPress Child Theme for the USS Constitution Museum, based on The Fox theme by Tranmautritam Team. Developed by SierraPulse
 Author:       SierraPulse
 Author URI:   http://sierrapulse.com
 Template:     TheFox
 Version:      1.0.0
 Tags:         child-theme, responsive-layout, woocommerce
 Text Domain:  usscm-childtheme
*/

@import url("../TheFox/style.css");

/* Begin custom css below
------------------------------------------------------------------------------------
*/



/* Header CSS
------------------------------------------------------------------------------------ */

/* Adds ship with ocean graphic to header on desktop */
.nav_type_17 {
	background-image: url(images/header-ship-w-ocean.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: 150px;
}

@media screen and (min-width: 1216px) {
  /* Adjust Header Ship image padding */
  .nav_type_17 {
	  background-position-x: 1000px;
  }
}

@media screen and (min-width: 1036px) and (max-width: 1215px){
  /* Adjust Header Ship image padding */
  .nav_type_17 {
	  background-position-x: 800px;
  }
}

/* Hides dropdown carrot icons */
#header_container nav ul>li>a:after {
	display:none!important;
}

/* Adjust mobile menu (hamburger) icon color */
@media screen and (min-width: 768px) {
	#nav_button:before {
		color: #fff !important;
	}
}

/* Adjust height of red menu bar */
.header_bottom_nav.nav_type_17 {
	min-height: 60px !important;
}

/* Adjust padding of dropdown submenus, because we adjusted the height of the red bar above */
 #header_container .nav_type_17 nav ul li.sfHover > ul {
	top: 60px !important;
}

/* Adjust padding of flyout (third-level) submenus, because we adjusted the height of the red bar above */
 #header_container .nav_type_17 nav ul li.sfHover > ul li.sfHover ul {
	top: -3px !important;
}


/* Hide desktop menu on smaller screens */
@media screen and (max-width: 1035px) {
	#menu-main-menu {
			display: none !important;
	}
}



/* Footer CSS
------------------------------------------------------------------------------------ */

/* Set footer resource logo size and margin */
.footer-resources img {
	height: 45px !important;
	width: auto;
}

/* Add responsive margin to resource logos */
@media screen and (max-width: 767px) {
	.footer-resources img {
		margin-bottom: 25px;
	}
}

/* Adjust footer widget height and width */
#footer {
	min-height: 0px !important;
	padding-bottom: 0px !important;
}

/* Set footer sponsor logo size and margin */
.footer-sponsors img {
	height: 35px !important;
	width: auto;
	margin-bottom: 25px;
}


/* Common HTML elements
------------------------------------------------------------------------------------ */

table {
    border-collapse: separate !important;
    border-spacing: 15px !important;
}

/* Aligns floated images (left or right) to the center on mobile */
@media screen and (max-width: 700px) {
	.wp-caption.alignright, .wp-caption.alignleft {
		clear: both !important;
	    display: block !important;
	    margin-left: auto !important;
	    margin-right: auto !important;
	    padding: 0 !important;
	    float: none !important;
	}
}

/* Aligns floated images (left or right) to the center on mobile */
a.more-link:hover {
	color: #fff !important;
}


/* Revolution Slider custom layer styles
------------------------------------------------------------------------------------ */

/* Adjusts "usscmslidercaption" style for RevSlider */
.tp-caption.usscmslidercaption {
	position: absolute;
	bottom: 0px !important;
	width: 100%
	margin: 0 auto;
	background: rgba(16,26,48,0.9) !important;
	color: #fff !important;
	text-align: center !important;
	padding: 30px 30px 30px 30px !important;
	
}


.tp-caption.usscmslidercaption span {
	background-color: #3b7192;
	padding: 7px;
}


/* Instagram widgets by Alpine Press
------------------------------------------------------------------------------------ */

/* Hides author link in widget areas */
.AlpinePhotoTiles-by-link {
	display: none !important;
}



/* Gravity Forms CSS
------------------------------------------------------------------------------------ */

/* Fixes The Fox form padding for form first child - breaks AmEx icon */
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_amex {
	margin-top: 15px !important;
}


/* 404 Page CSS
------------------------------------------------------------------------------------ */
body.error404 h2.pnf_main_text {
	margin-top: 0px !important;
	padding-top: 40px !important;
}