/*
Theme Name: Dunamis Child
Template: dunamis
Author: Child Theme Configurator
Version: 1.0
Updated: 2015-02-05 22:49:56

11-11-2015 red changes
#dc0000 for top menus rgb 220 0 0
#e10000 Text, body, everything else rgb 225 0 0

*/

@charset "UTF-8";




.home .croma-logo img {
 display: none;
}

.cromax-pct, .cro_ctcblock, #map-div {
    margin-bottom: 5px;
}


h1, h2, h3, h4, h5, h6 {
    line-height: 1.2em;
    margin-bottom: 9px;

}

p {
    font-family: inherit;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.6;
    margin-bottom: 1.25em;
    text-rendering: optimizelegibility;
}

.post p, .entry-content p {
    font-size: 1em;
    line-height: 1.6em;
        color: #767A7E;
}

.wc-shortcodes-tabs p {
	    font-size: .9em;
}

.cromax-htm p {
    color: #767A7E;
}


.croma-subnav ul li a {
background-color: #e10000;
    font-size: 12px;

}

.accordion-cnt {
    padding: 10px 60px;
}


/*
makes the ul li same size as <p>
*/
.entry-content ul li
{
  line-height: 1.6em;
  font-size: 1em;
  font-weight: bold;
}


/*
adds color to TABS and border on side like blockquote
*/

.wc-shortcodes-tabs ul.wcs-tabs-nav .wcs-state-active a {
    background-color: rgba(248, 239, 230, 0.45);
    border-left: 2px solid #e10000;
}



/*
fatter line on blockquote
*/
blockquote {
    border-left: 7px solid #e10000;
    padding: 0.8em 1.25em .1em 1.1875em;
    background-color: #F8EFE6;
}

/*
darker grey red hover color
*/
a:hover, a:focus {
    color: #6e4e4e;
}

/*
less padding in tab boxes
*/
.cro_activediv {
    padding: 0 45px;
}

/*
less margin, smaller text
*/
ul, ol, dl {
    font-size: .95em;
    margin-bottom: 0;
}

/*
makes tab titles red
*/
.cro_tab_container ul.nav-tabs li a {
  color: #e10000;
}

/*
adds space between the vimeo videos
*/
.entry-content iframe {
	margin-left: 5px;
	margin-right: 5px;
}

/*
removes the undefined title and will allow for a taller lightbox image
*/
.croma_galtitle {
  visibility: hidden;
}

/*
gets rid of the hours since the calculation is off 7 hours
From here to line 166
*/
.cro_frontpage_cdt p.cro_cdt_desc {
  margin-top: 0px;
}

.cro_frontpage_cdt p {
  margin-bottom: 5px;
}

.cro_frontpage_cdt h3 {
  margin-bottom: -15px;
  font-size: 1.75em;
}

.cro_calsingletime {
	visibility: hidden;
}

.cro_introdate {
  visibility: hidden;
}

/*
tightens uo space after <p> before a <ul>
*/
p + ul {
    margin-top: -17px;
}



/* map  Items added 6-3--2015 start */
#pagelayout {
  background: url(/wp-content/themes/dunamis-child/brand/backGrounMap1.1d.jpg) #F8f8f8;
  background-attachment:fixed;
  border-top: 1px solid #dcdee1;
  border-bottom: 1px solid #dcdee1;
}

.singleitem {
  background: url(/wp-content/themes/dunamis-child/brand/backGrounMap1.1d.jpg) #F8f8f8;
  background-attachment:fixed;
  border-top: 1px solid #dcdee1;
  border-bottom: 1px solid #dcdee1;
}


#main {
  background: rgba(255, 255, 255, 0.9);

}


/* header */
#cromaheader {
  padding: 0;
  background: #292C2F;
  border-bottom: 10px solid #ECB939;
     /* #ECB939 the mustard color below the header */
  position: relative;
  height: 140px;`
}

#colophon {
  background: #1C1E20;
    border-top: 10px solid #ECB939;
        /* the mustard color above the footer */
}


/* Get involved & support buttons  */
.croma-subnav ul li a {
  background-color: #DC0000;
  font-size: 12px;
}

/* buy tickets button  */
.croma-topbarnav ul li a {
	font: 13px "Noto Sans", Arial, Helvetica, Geneva, sans-serif;
	font-weight: 700 !important;
	text-shadow: 2px 2px 1px #535353;

	}

/* top menu text  */
#croma-primarynav li a {
	letter-spacing: 0em;
	padding: 0 16px;
	font-weight: 700 !important;
}



.cro_frontpage_blg .cro_titleblock h2 {
  color: #000000;
  position: relative;
  z-index: 1;
  font-size: 33px;
  margin-bottom: 50px;
}




h1 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-variant: small-caps;
}



#cromaheader h1{
text-transform: none;
font-variant: small-caps;
font-size: 2.75em;
	text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.60);
	letter-spacing: .025em;
	bottom: 10px;
}

/* map  Items added 6-3--2015 end */



/* menu footer  update  USE #nav_menu-2 li - for left side footer */

#nav_menu-12 li {
  font-size: 15px;
  list-style-type: square;
}


/* removed for social follow icons
#nav_menu-12 {
	padding-bottom: 20px;
	padding-top: 62px;
}
*/

/* menu footer  end */


/* makes search for red and bigger  */
#search-10 .screen-reader-text {
	font-size: 16px;
	color: #e10000;
	hover: aqua;
}
/* hover color for search box grey reddish  */
ul.cro_footwidget li.widget_search input#searchsubmit:hover {
    background: #6e4e4e;
}


/* original max-width: 65.3em;
this makes the width wider and adds padding to front CTA call to action 8-2015 */
.row {
    max-width: 70em;
}

.cro_frontpage_cta .row {
	max-width: 60em;
}

/* front page elements - less padding 8-2015 */

.cro_blg_block {
    padding: 40px 0;
}

.cro_frontpage_blg .cro_titleblock h2 {
  color: #000000;
  margin-bottom: 20px;
}

.cro_frontpage_pag {
    padding: 40px 0;
    background: #f8f8f8;
}

/* added for inpage linking and adding space above section */
.spaceabove {
	padding-top: 120px;
    margin-top: -120px;
}

/* wufoo email form */
.wufoo .info h2 {
	font-size: 120%;
    color: #e10000;
}

.info {
    margin: 0 0 1px 0;
    padding: 0 1% .1em 1%;
    border-bottom: 1px dotted #ccc;
}

input.text, input.search, input.file, textarea.textarea, select.select {
    border: none;
    padding: 5px 0;
    color: #e10000;
}

form li.buttons {
	float: right;
}


/* mailchimp form settings */
ul.cro_footwidget li h3.widget-title {
    background: transparent;
}


.mc4wp-form-theme-red button, .mc4wp-form-theme-red input[type=submit] {
    color: #fff!important;
    background-color: #E10000 !important;
}




/* adds highlight to current menu selection */
#menu-event-venue-rentals .current_page_item > a {
    color: #e10000;
}

#menu-educationmenu .current_page_item > a {
    color: #e10000;
}

#menu-publications .current_page_item > a {
   color: #e10000;
}

#menu-public-events .current_page_item > a {
  color: #e10000;
}

#menu-exhibits .current_page_item > a {
  color: #e10000;
}

#menu-ships-menu .current_page_item > a {
  color: #e10000;
}

/* Library and research - adds highlight to current menu selection on BE subpage menu */
#subpages-widget-2 .widget_subpages_current_page > a {
    color: #e10000;
}

/* Education - adds highlight to current menu selection on BE subpage menu */
#subpages-widget-4 .widget_subpages_current_page > a {
    color: #e10000;
}

/* Publications - adds highlight to current menu selection on BE subpage menu */
#subpages-widget-5 .widget_subpages_current_page > a {
    color: #e10000;
}

/* Event Venue Rentals - adds highlight to current menu selection on BE subpage menu */
#subpages-widget-6 .widget_subpages_current_page > a {
    color: #e10000;
}

/* Public Events - adds highlight to current menu selection on BE subpage menu */
#subpages-widget-8 .widget_subpages_current_page > a {
    color: #e10000;
}

/* The Ships - adds highlight to current menu selection on BE subpage menu */
#subpages-widget-9 .widget_subpages_current_page > a {
    color: #e10000;
}

/* Exhibits - adds highlight to current menu selection on BE subpage menu */
#subpages-widget-10 .widget_subpages_current_page > a {
    color: #e10000;
}

/* BAS - adds highlight to current menu selection on BE subpage menu */
#subpages-widget-11 .widget_subpages_current_page > a {
    color: #e10000;
}

/* Media Filming - adds highlight to current menu selection on BE subpage menu */
#subpages-widget-12 .widget_subpages_current_page > a {
    color: #e10000;
}

/* BE subpage menu -bigger font */
.cro_bodysidebar ul li.widget-container ul li a {
    font-size: 17px;
}



/* Double HR with anchor */
hr.anchor {
  border-top: 4px double #8c8b8b;
  text-align: center;
}
hr.anchor:after {
  content: '\2693';
  display: inline-block;
  position: relative;
  top: -11px;
  padding: 0 10px;
  background: #FEFDFC;
  color: #8c8b8b;
  font-size: 18px;
}

/* Double HR with star */
hr.star {
  border-top: 4px double #8c8b8b;
  text-align: center;
}
hr.star:after {
  content: '\2605';
  display: inline-block;
  position: relative;
  top: -11px;
  padding: 0 10px;
  background: #FEFDFC;
  color: #8c8b8b;
  font-size: 18px;
}


/* Red changes for shortcodes */

/* Danger Box */
.wc-shortcodes-box.wc-shortcodes-box-danger {
	background-color: #dd3333;
}

/* Primary Button - shortcodes*/
.wc-shortcodes-button:visited,
.wc-shortcodes-button {
	background-color: #dd3333;
	text-transform: uppercase;
}

/* Danger Button - shortcodes*/
.wc-shortcodes-button:visited, .wc-shortcodes-button {
	padding: 20px 40px;
}


/* Danger Button - shortcodes*/
.wc-shortcodes-button.wc-shortcodes-button-danger:visited,
.wc-shortcodes-button.wc-shortcodes-button-danger {
	color: #ffffff;
	background-color: #dd3333;
	border-top-style: solid;
	border-left-style: solid;
}

/* toggle box - shortcodes*/
.wc-shortcodes-toggle .wc-shortcodes-toggle-trigger {
    border: 0px none white;
	border-left: 13px solid #cccccc !important;
	background-color: rgba(0, 0, 0, 0.0618);
}


/* fairharbor button spacing*/
.fh-button {
	margin-bottom: 13px !important;
}


/* #######---START - This all for the widget area footer right---########*/

/* search bar same color as mailChimp signUp*/
ul.cro_footwidget li.widget_search input#s {
    background: #fff;
    color: #3F3F3F;
}


.mc4wp-form-theme-red input[type=submit] {
	float: right;
}

.mc4wp-form-theme-red input[type=submit]:hover {
	background-color: #6e4e4e !important;
	border-color: #6e4e4e ;
}


#searchform > div > label {
	font-weight: bold;
}

#s {
	height: 34px;
	border-radius: 2px;
	margin: 0 0 0 0;
}

ul.cro_footwidget li.widget_search input#searchsubmit {
	padding: 9px 17px;
	border-radius: 2px;

}


/* staff resources bolder & bigger*/
#menu-footer-right-menu > li:nth-child(7) {
	font-weight: bold;
	font-size: 18px;
	padding-top: 8px;
}

/* #######---END - This all for the widget area footer right---########*/


/* darker version of P & li in main areas #pagelayout*/
#pagelayout p, li {
	color: #666 !important;
}







/* POL buttons*/
.POL_Button {
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  border-radius: 9px;
  border: 1px solid #e8e8e8;
  display: inline-block;
  cursor: pointer;
  color: #fff;
  font-family: Arial;
  font-size: 19px;
  font-weight: bold;
  text-align: center;
  padding: 18px 0px;
  width: 190px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #000;
  margin-bottom: 20px;
}
.POL_Button:hover {
  color: #cfcfcf;
}
.POL_Button:active {
  position: relative;
  top: 1px;
}
.POL_zoneOne {
  background-color: #fed270;
}
.POL_zoneTwo {
  background-color: #63c995;
}
.POL_zoneThree {
  background-color: #63f1f1;
}
.POL_zoneFour {
  background-color: #8ba4ff;
}
.POL_zoneFive {
  background-color: #dba1ff;
}
.POL_zoneSix {
  background-color: #f47479;
}



.postid-13686 #cromaheader > h1 {
	    font-size: 2.3em;
}





/* adds line spacing when using HL shortcode */
.wc-shortcodes-highlight-yellow, .wc-shortcodes-highlight-yellow {
	line-height: 20px;
}


/* 08-17-18 padding reduced for added menu item "membership" */
#croma-primarynav li a {
	padding: 0 12px;
	text-indent: -4px;
}



/* 03-04-19 removes publish dates from front page of latest news */
.cro_frontpage_blg .cro_time {display: none;}

/* 06-06-19 push the red "buy tickets" left */
.croma-topbarnav ul li, .croma-topbarnav ul li ul {
	margin-right: 25px;

}



/* 11-05-19 support-the-museum/thank-you-for-your-donation/ - custom h2 font size, to match h1 */
article#post-14888.post-14888.page.type-page.status-publish.hentry div div.entry-content h2 {

	font-size: 2.7em;
	margin-top: -35px;

}



/* gets rid of the white box & border around social media icons in the widgets */
#wc_shortcodes_social_icons-15, #wc_shortcodes_social_icons-14, #wc_shortcodes_social_icons-12, #wc_shortcodes_social_icons-11, #wc_shortcodes_social_icons-10, #wc_shortcodes_social_icons-9, #wc_shortcodes_social_icons-6, #wc_shortcodes_social_icons-7, #wc_shortcodes_social_icons-5, #wc_shortcodes_social_icons-8 {
	background: none;
	border: none;
}


/* just for the docent post, long title - nov 19, 2019 */
.postid-14900 #cromaheader > h1 {
	font-size: 2.5em !important;
}




/* fixed menu & logo for iPad size screens - nov 19, 2019 */
@media only screen and (max-width: 1070px) {
#croma-primarynav li a {
	font-size: .77em !important; }
	.croma-logo img {
	padding-top: 15px !important;
	width: 15%;
	height: 15%;
}}
}


/* Styles for screens that are under 961px;  - nov 19, 2019*/
@media only screen and (max-width: 960px) {
	.croma-primarynav{ display: none; }
	.mobilemenupart{ display: block;}

}


/* Styles for screens that are under 741px;  - nov 19, 2019*/
@media only screen and (max-width: 740px) {
.croma-logo img {padding-bottom: .2em !important; padding-top: .1em !important;}
.croma-subnav {padding-top: 20px !important;}
.cro_pagelayout, .cro_singleblogpage {padding-bottom: 5px !important; padding-top: 15px !important;}
#cromaheader { height: 175px !important;}
/* just for the docent post, long title */
.postid-14900 #cromaheader > h1 {font-size: 2.1em !important;   letter-spacing: 0.04em; line-height: 1.1em;}

}

/* smaller mmsd logo on pages  - nov 19, 2019*/
.croma-logo img {
    padding-bottom: 10px;
    padding-top: 12px;
	max-width: 13%;
}


.wc-shortcodes-testimonial-content {
    background: #f8efe6;
}

.wc-shortcodes-testimonial-content::after {

    border-right: 15px solid #f8efe6;

}

.wc-shortcodes-testimonial-author {
    font-weight: bold;
    font-style: italic;
}


/* gets rid of all that extra space under a captioned photo  - june 12, 2021*/
.wp-caption.alignleft {
    margin-bottom: 9px;
}



/*
.wc-shortcodes-testimonial-content {
    background: #F7E2AE8A;
}




/* 11-12-18 padding change for front buttons so they look the same
section.cro_frontpage_cta:nth-child(8) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > a:nth-child(1) {
  padding:15px 60px;
}

section.cro_frontpage_cta:nth-child(10) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > a:nth-child(1){
    padding:15px 46px;
}
*/




/*


iFrame fareHarbor
.td.month-other {
    color: #8095a7;
    background-color: yellow;
}


this adds the > to the menu.

[id^="subpages-widget-"] ul li a::after {
content: "\f054";
font-family: FontAwesome;
position: absolute;
right: 45px;
color: #bababa;

}
*/