/*
 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;
}


/* Fixes the Anchor icon margin post-update
------------------------------------------------------------------------------------ */
.oi-jack-rugile-anchor {
	margin-left: 11px !important;
}



/* Fixed the Fox theme alignment and visibility post-update to theme version 1.596
------------------------------------------------------------------------------------ */
#header_socials a {
   font-size: 16px;
   line-height: 29px;
   display: block;
}

#facebook, #twitter, #yt, #instagram {
   margin: 0;
   position: relative;
   display: inline-block;
   zoom: 1;
   width: 30px;
   height: 30px;
   text-align: center;
   -webkit-transition: all .3s ease;
   -moz-transition: all .3s ease;
   -o-transition: all .3s ease;
   transition: all .3s ease;
}


.f_si_type2 #f_social_icons div {
   width: 32px!important;
   height: 32px!important;
   margin-right: 15px;
   border-radius: 2px;
}


#facebook a:hover, .f_si_type2 #f_social_icons #facebook, .rd_si_big_squared #facebook, .rd_si_big_rounded #facebook a, .sc-share-box #facebook a, .single_staff_social #facebook a, .rd_staff_p06 .member-social-links #facebook a, .thefox_social_widget_icons #facebook a {
   color: #ffffff ;
   background-color: #3c5a9a ;
}

#twitter a:hover, .f_si_type2 #f_social_icons #twitter, .rd_si_big_squared #twitter, .rd_si_big_rounded #twitter a, .sc-share-box #twitter a, .single_staff_social #twitter a, .rd_staff_p06 .member-social-links #twitter a, .thefox_social_widget_icons #twitter a {
   color: #ffffff ;
   background-color: #41d1da ;
}


#yt a:hover, .f_si_type2 #f_social_icons #yt, .rd_si_big_squared #yt, .rd_si_big_rounded #yt a, .single_staff_social #yt a, .rd_staff_p06 .member-social-links #yt a, .thefox_social_widget_icons #yt a {
   color: #ffffff ;
   background-color: #fe3432 ;
}


#instagram a:hover, .f_si_type2 #f_social_icons #instagram, .rd_si_big_squared #instagram, .rd_si_big_rounded #instagram a, .single_staff_social #instagram a, .rd_staff_p06 .member-social-links #instagram a, .thefox_social_widget_icons #instagram a {
   color: #ffffff ;
   background-color: #517fa4 ;
}


#footer_coms {
   text-align: right;
   padding: 30px 0 30px 0;
}


#to_top {
   display: block;
   position: fixed;
   text-align: center;
   line-height: 12px!important;
   right: 30px;
   bottom: -30px;
   color: #fff;
   cursor: pointer;
   border-radius: 2px;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   -o-border-radius: 2px;
   z-index: 10000;
   height: 29px;
   width: 29px;
   background-color: rgba(0,0,0,0.4);
   background-repeat: no-repeat;
   background-position: center;
   transition: background-color 0.1s linear;
   -moz-transition: background-color 0.1s linear;
   -webkit-transition: background-color 0.1s linear;
   -o-transition: background-color 0.1s linear;
}


#to_top i {
   font-family: "FontAwesome";
   line-height: 29px!important;
   width: 29px!important;
   height: 29px!important;
   font-size: 14px!important;
   top: 0px!important;
   left: 0px!important;
   text-align: center!important;
   background-color: transparent!important;
}

.f_si_type2 #f_social_icons a {
    border-radius: 2px;
    color: #fff!important;
    font-size: 18px;
}

#f_social_icons a {
    font-size: 16px;
    display: block;
    line-height: 32px;
}

#footer_coms .f_message_left {
    float: left;
    padding-right: 30px;
    height: 32px;
    line-height: 32px;
}

#footer_coms .f_si_right {
    float: right;
    padding-left: 30px;
}