#page {
  background-color: #f8f8f8;
}

/* 2.0 Typography
================================================== */

body,
button,
input,
select,
textarea {
  color: #444;
  font: 400 15px/1.6 "Open Sans", sans-serif;
  word-wrap: break-word;
  overflow-x: hidden;
}

.boxed-layout #colophon, .boxed-layout-small #colophon {
  margin-bottom: 0;
}

.boxed-layout #page {
  -webkit-box-shadow: 0 1px 6px 5px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 6px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 6px 5px rgba(0, 0, 0, 0.25);
}

.page-title {
  float: left;
  font-size: 30px;
  font-weight: 400;
  font-style: normal;
  color: #444;
  line-height: 1.1;
  margin: 0;
  padding: 6px 5px;
  max-width: 90%;
  letter-spacing: 2px;
  text-transform: uppercase;
  /*border-top: 1px solid #fc0;*/
  /*border-bottom: 1px solid #444;*/
}

.sub-h1 {
  font-size: 24px;
  font-weight: 400;
  font-style: normal;
  color: #444;
  line-height: 1.1;
  margin: 0 0 20px;
  padding: 6px 5px;
  max-width: 100%;
  letter-spacing: 3px;
  text-transform: uppercase;
  /*border-top: 1px solid #fc0;*/
  border-bottom: 1px solid #707070;
}

.sub-h2 {
  font-weight: 400;
  font-style: normal;
  color: #444;
  line-height: 1.1;
  margin: 0 0 20px;
  padding: 6px 5px;
  max-width: 100%;
  letter-spacing: .5px;
  text-transform: uppercase;
  /*border-top: 1px solid #fc0;*/
  border-bottom: 1px solid #707070;
}

.page-id-13 .sub-h2 {
  margin: 50px 0 20px;
}

.home-title {
  font: 400 20px/1 "Roboto Condensed", sans-serif;
  text-align: center;
  margin: 0 0 20px 0;
  color: #444;
  letter-spacing: .5px;
  text-transform: uppercase;
  padding: 6px 5px;
  border-bottom: 1px solid #707070;
}

.home-headers {
  font: 400 19px/1.1 "Roboto Condensed", sans-serif;
  text-align: center;
  margin: 0 0 5px 0;
  color: #444;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 45px 5px 5px;
  border-bottom: 1px solid #707070;
}

.headAccent {
  color:#CC3D00;
}

.shadowImage {
  border-radius: 12px;
  -webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.15);
}

.shadowBox {
  -webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.15);
}

.roundedImage {
  border-radius: 12px;
  -webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.15);
}

.trainingPackages {
  margin-left: 5%;
  margin-right: 5%;
}

/* -----  #Blockquote shortcode start styles  ----- */

blockquote:before {
  color: #707070;
  content: '\f10d';
  float: left;
  font-family: "FontAwesome";
  font-size: 22px;
  font-style: normal;
  line-height: 1.3;
  padding-right: 5px;
}

blockquote {
  border-radius: 5px;
  background-color: #f8f8f8;
  color: #444;
  font-family: "Open Sans", sans-serif;
  font-size: 17px;
  font-style: italic;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  letter-spacing: 0;
  line-height: 1.75;
  margin-left: 40px;
  margin-bottom: 20px;
  padding: 20px 20px 2px;
  position: relative;
  quotes: none;
}

/* this ID is used very specifically to target the quotes at the
bottom of the home page, may need adjustment if new SiteOrigin
rows are added above on the page */
#pg-30-7 {
  margin-top: 35px;
  padding: 5px 12px 12px;
  border-radius: 12px;
  background-color: #2F2F2F;
  background: url(https://www.mensstoryproject.org/wp-content/uploads/2018/08/HeaderBg.jpg) bottom repeat;
}

.homequote:before {
  color: #fc0;
  content: '\f10d';
  float: left;
  font-family: "FontAwesome";
  font-size: 18px;
  font-style: normal;
  line-height: 0.8;
  padding-right: 5px;
}

.homequote {
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0);
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  letter-spacing: 0em;
  line-height: 1.45;
  margin: 5px;
  padding: 10px 5px 2px;
  position: relative;
  quotes: none;
}

.homequoteName {
  margin: -15px 0 0;
  font-style: italic;
  text-align: right;
  font-size: 13px;
  line-height: 1.2em;
}

.homequoteNameTop {
  color: #fc0;
  font-weight: bold;
}

/* Quote Plugin */
.quotescollection-quote-wrapper {
  color: #444;
  font-size: 14px;
  line-height: 1.4em;
  margin: 0 15px;
}
.quotescollection-quote-wrapper p:before {
  color: #707070;
  content: '\f10d';
  float: left;
  font-family: "FontAwesome";
  font-size: 18px;
  font-style: normal;
  line-height: 0.8;
  padding-right: 5px;
}
.quotescollection-quote-wrapper p {
  margin-bottom: 2px;
}
.quotescollection-quote-wrapper .attribution ::before { 
  content: "—";
}
.quotescollection-quote-wrapper .attribution {
  color: #f8f8f8;
  margin-bottom: .5em;
}
.quotescollection-quote-wrapper cite.author {
  font-size: 13px;
  color: #2f2f2f;
  font-weight: bold;
  font-style: italic;
  line-height: 1.2em;
}
.quotescollection-quote-wrapper .nav-next {
  text-align: right;
  font-size: 11px;
  text-transform: uppercase;
}

/* 3.0 Links
================================================== */

a {
  color: #06c;
  text-decoration: none;
  cursor: pointer;
}

a:focus,
a:active,
a:hover {
  color: #06c;
  text-decoration: underline;
}

ul li a,
ol li a {
  color: #06c;
}

ul li a:hover,
ol li a:hover {
  color: #06c;
  text-decoration: underline;
}

.widget ul li a {
  color: #06c;
  font-size: 14px;
  line-height: 1em;
}

.widget ul li a:hover {
  color: #06c;
  text-decoration: underline;
}

/* 15.0 Header Section
================================================== */

#masthead {
  background-color: #2F2F2F;
  background: url(https://www.mensstoryproject.org/wp-content/uploads/2018/08/HeaderBg.jpg) top repeat;
}

#site-branding .custom-logo {
  float: left;
  margin-right: 0;
  max-width: 365px;
}

/* ----- Top Header Bar ----- */

.top-header {
  background-color: rgba(5, 5, 5, 0);
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  text-align: center;
}

.top-header .widget_contact {
  font-size: 15px;
  float: right;
  margin-bottom: 0;
  padding: 10px 32px 1px 0;
}

.top-header .widget_contact p {
  margin: 0;
}

.top-header .widget_contact ul li {
  float: left;
  margin-right: 15px;
  padding: 2px 0;
}

.top-header .widget_contact a {
  color: #fff;
  font-family: "Roboto Condensed", sans-serif;
}

.top-header .widget_contact a:hover {
  color: #fc0;
  text-decoration: none;
}

.social-links {
  margin-right: 36px;
}
.social-links ul li a {
  color: #fff;
}
.social-links ul li a:hover {
  text-decoration: none;
}
.social-links ul li a[href*="facebook.com"]:hover {
	background-color: #fff;
	color: #3B5998;
}
.social-links ul li a[href*="twitter.com"]:hover {
	background-color: #fff;
	color: #33CCFF;
}
.social-links ul li a[href*="youtube.com"]:before {
  content: '\f16a';
}
.social-links ul li a[href*="youtube.com"]:hover {
	background-color: #fff;
	color: #ff0000;
}
.social-links ul li a[href*="/cart/"]:before {
  content: '\f07a';
  color: #fc0;
}
.social-links ul li a[href*="/cart/"]:hover {
	background-color: #000;
}

#sticky-header {
  background-color: rgba(5, 5, 5, 0);
  border-bottom: 3px solid #fc0;
  width: 100%;
  z-index: 999;
}

.is-sticky #sticky-header {
  border-bottom: 3px solid rgba(255, 204, 0, 1);
}

#site-branding {
  float: left;
  padding: 0 0 21px;
}

/* 17.0 Navigation
================================================== */

.line-one,
.line-two,
.line-three {
  background-color: #fc0;
}

.main-navigation {
  float: right;
  padding: 0 30px 0 0;
  margin-top: 36px;
}

.main-navigation a {
  color: #fff;
  display: block;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: normal;
  letter-spacing: 0em;
  line-height: 3;
  padding: 5px 0 0 14px;
  text-align: left;
  text-transform: none;
}

.main-navigation a:hover,
.main-navigation ul li.current-menu-item a,
.main-navigation ul li.current_page_ancestor a,
.main-navigation ul li.current-menu-ancestor a,
.main-navigation ul li.current_page_item a,
.main-navigation ul li:hover > a,
.main-navigation li.current-menu-ancestor.menu-item-has-children > a:after,
.main-navigation li.current-menu-item.menu-item-has-children > a:after,
.main-navigation ul li:hover > a:after,
.main-navigation li.menu-item-has-children > a:hover:after,
.main-navigation li.page_item_has_children > a:hover:after {
  color: #ffcc00;
  text-decoration: none;
}

.main-navigation li.menu-item-has-children > a:after,
.main-navigation li li.menu-item-has-children > a:after,
.main-navigation li.page_item_has_children > a:after,
.main-navigation li li.page_item_has_children > a:after {
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: 400;
  text-decoration: inherit;
  color: #fff;
  font-size: 12px;
  padding-left: 6px;
}

.main-navigation ul li ul {
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
  line-height: 2.667;
  list-style-type: none;
  margin: 0;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  padding: 0;
  position: absolute;
  top: 136px;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
  visibility: hidden;
  width: 200px;
  z-index: 9999;
}

.main-navigation > ul > li:hover > ul,
.main-navigation > ul > li.focus > ul {
  display: block;
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  top: 50px;
}

.main-navigation ul li ul li a,
.main-navigation ul li.current-menu-item ul li a,
.main-navigation ul li ul li.current-menu-item a,
.main-navigation ul li.current_page_ancestor ul li a,
.main-navigation ul li.current-menu-ancestor ul li a,
.main-navigation ul li.current_page_item ul li a {
  font-size: 15px;
}

.main-navigation ul li ul li:before {
  border-top: 1px solid #ddd;
}

.main-navigation ul li ul li a:hover,
.main-navigation ul li ul li:hover > a,
.main-navigation ul li.current-menu-item ul li a:hover {
  color: #06c;
  text-decoration: none;
}

#content {
  padding: 30px 0 20px;
}

#secondary .widget-title {
  background-color: #f8f8f8;
  color: #444;
  font-weight: normal;
  letter-spacing: 2.5px;
  font-size: 17px;
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070;
  border-left: none;
  border-right: none;
  padding: 6px;
  line-height: 1.2;
}

#secondary .widget_quotescollection .widget-title {
  color: #444;
}

img.alignleft,
img.alignright,
img.aligncenter {
  margin-top: 0;
  margin-bottom: 20px;
}

/* start HOME Slider */
.homeSlider1 {
  width: 50%;
  padding: 100px 50px;
  font: bold 22px/1.1 "Roboto Condensed", sans-serif;
  color: #fff;
}
.homeSlider2 {
  width: 80%;
  padding: 25px 50px;
  display: block;
  position: absolute;
  bottom: 0;
  font: bold 22px/1.1 "Roboto Condensed", sans-serif;
  color: #fff;
}
.homeSlider3 {
  width: 35%;
  padding: 50px 50px;
  font: bold 22px/1.1 "Roboto Condensed", sans-serif;
  color: #fff;
}
#slider-name {
 margin-left:2em;
 color:#fc0;
}
.slider-large {
 font-size: 32px;
}
.slider-medium {
 font-size: 24px;
}
.slider-small {
 font-size: 20px;
}

/* end HOME Slider */

/* Accordians ------------------------------------------------ */
.sow-accordion-panel {
  margin-left: 20px;
}
.so-widget-sow-accordion .sow-accordion .sow-accordion-panel .sow-accordion-panel-header {
  padding: 5px 10px;
  border-color: #ddd;
  border-radius: 12px;
}
.so-widget-sow-accordion .sow-accordion .sow-accordion-panel .sow-accordion-panel-content .sow-accordion-panel-border {
  padding: 15px 30px 0;
}

#colophon {
	font-size: 14px;
	line-height: 1.4;
}

#colophon .widget-title:before,
#colophon .widget-title:after {
  background-color: #707070;
  bottom: -1px;
  content: " ";
  display: block;
  height: 1px;
  position: absolute;
  width: 80px;
}

#colophon .widget-title:after {
  bottom: -4px;
  height: 2px;
  width: 40px;
}

#colophon .widget-title {
	border-bottom: 1px solid #707070;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 17px;
	line-height: 1.444;
	padding-top: 4px;
  padding-bottom: 8px;
	position: relative;
	text-transform: uppercase;
}

.site-info {
  background-color: #2f2f2f;
  background: url(https://www.mensstoryproject.org/wp-content/uploads/2018/08/HeaderBg.jpg) bottom repeat-x;
  color: #bbb;
  border-top: 3px solid #fc0;
  font-size: 10px;
  line-height: 1.571;
  padding: 0 0 15px;
  text-align: center;
}

.site-info .copyright {
  color: #bbb;
  font-size: 10px;
}

.home .page-header, .home #colophon .widget-wrap {
  display: none;
}

.widget_recent_entries ul li:before {
  color: #666;
  float: left;
  font-family: "FontAwesome";
  font-size: 14px;
  font-style: normal;
  line-height: 1.5;
  margin-left: -22px;
  width: auto;
  content: '\f130';
}

.widget_recent_entries ul li {
  padding: 2px 0 2px 30px;
  line-height: 1.2;
}

.widget_recent_entries ul li a {
  color: #555;
}

input[type="reset"], input[type="button"], input[type="submit"], a.more-link:after, .go-to-top .icon-bg {
    background-color: #707070;
}

.go-to-top .icon-bg {
  -webkit-box-shadow: 0 1px 6px 5px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 6px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 6px 5px rgba(0, 0, 0, 0.25);
}

.go-to-top .back-to-top-text {
  color: #2f2f2f;
  font-size: 12px;
  font-weight: bold;
}

.go-to-top .back-to-top-icon {
  color: #2f2f2f;
  font-weight: bold;
}

/* Home Custom Mid Page Colophon 
================================================== */
#colophonHome p {
	margin-bottom: 5px;
}

#colophonHome {
	font-size: 14px;
	line-height: 1.500;
}

#colophonHome .widget-wrap {
	color: #444;
}

#colophonHome .widget-area {
	margin: 0 -15px;
	padding: 20px 0 2px;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

#colophonHome .widget {
	margin-bottom: 2px;
}

#colophonHome .widget ul li a {
	color: #333;
}

#colophonHome .widget ul li a:hover {
	color: #dc143c;
}

#colophonHome .widget_categories ul li a,
#colophonHome .widget_pages ul li a,
#colophonHome .widget_nav_menu ul li a,
#colophonHome .widget_recent_entries ul li a,
#colophonHome .widget_categories ul li a,
#colophonHome .widget_recent_comments ul li a,
#colophonHome .widget_meta ul li a,
#colophonHome .widget_rss ul li a {
	display: block;
}

#colophonHome .widget_categories ul ul li a,
#colophonHome .widget_pages ul ul li a,
#colophonHome .widget_nav_menu ul ul li a,
#colophonHome .widget_recent_entries ul ul li a,
#colophonHome .widget_categories ul ul li a,
#colophonHome .widget_recent_comments ul ul li a,
#colophonHome .widget_meta ul ul li a,
#colophonHome .widget_rss ul ul li a {
	padding-left: 20px;
}

#colophonHome .widget_categories ul ul ul li a,
#colophonHome .widget_pages ul ul ul li a,
#colophonHome .widget_nav_menu ul ul ul li a,
#colophonHome .widget_recent_entries ul ul ul li a,
#colophonHome .widget_categories ul ul ul li a,
#colophonHome .widget_recent_comments ul ul ul li a,
#colophonHome .widget_meta ul ul ul li a,
#colophonHome .widget_rss ul ul ul li a {
	padding-left: 30px;
}

#colophonHome .widget-title:before,
#colophonHome .widget-title:after {
	background-color: #707070;
	bottom: -1px;
	content: " ";
	display: block;
	height: 1px;
	position: absolute;
	width: 80px;
}

#colophonHome .widget-title:after {
	bottom: -4px;
	height: 2px;
	width: 40px;
}

#colophonHome .widget-title {
	border-bottom: 1px solid #707070;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 17px;
	line-height: 1.444;
	padding-top: 12px;
  padding-bottom: 8px;
	position: relative;
	text-transform: uppercase;
}

.page-description {
  display: none;
}

hr {
    background-color: #707070;
}

/* All size smaller than 1024
================================================== */

@media only screen and (max-width: 1023px) {
  .main-navigation {
    float: right;
    padding: 0;
    margin-top: -6px;
  }
  .main-navigation a {
    padding: 0 0 0 14px;
  }

  .main-navigation > ul > li:hover > ul,
  .main-navigation > ul > li.focus > ul {
    top: 45px;
  }
  
  #colophonHome .widget-area {
		margin: 0 0 40px;
		display: block;
	}
	
	#colophonHome .column-1,
	#colophonHome .column-2,
	#colophonHome .column-3,
	#colophonHome .column-4 {
		border-right: none;
		width: 100%;
		float: none;
		padding: 0;
		display: block;
    margin-bottom: 30px;
	}
  #colophon .widget, #colophonHome .widget {
    text-align: center;
  }
}
/* All Mobile Screen ( smaller than 768px )
================================================== */
@media only screen and (max-width: 767px) {
  /* #pg-30-1, #pg-30-2, #pg-30-3 { display: none; } The old default mobile view - no video*/
  #pg-30-1 { display: none; }
  #panel-30-3-0-0 > .panel-widget-style { padding: 12px; }
  #site-branding {
    padding: 0 0 10px
  }
  #site-branding .custom-logo {;
    margin-top: 20px;
    max-width: 300px;
  }
  .menu {
		display: none;
	}
	
	.widget_nav_menu .menu {
		display: block;
	}
	
	.toggled-on .menu {
		display: block;
	}
  
	.main-navigation {
		clear: both;
	}
	
	.main-navigation > ul > li {
		position: inherit;
		width: 100%;
		border-top: 1px solid rgba(0, 0, 0, 0.1);
		margin-left: 0;
	}
	
	.main-navigation > ul > li::before {
		visibility: hidden;
	}
	
	.main-navigation a {
		float: none;
		height: inherit;
		padding: 10px 0;
	}
  .menu-toggle {
    padding: 20px 0 20px;
  }

	/* ----- Dropdown ----- */
	.main-navigation ul li:hover ul {
	  	top: auto;
	}
	
	.main-navigation ul li ul {
		background-color: transparent;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		display: block;
		left: 40px;
		opacity: 1;
		-moz-opacity: 1;
		filter:alpha(opacity=100);
		position: static;
		top: auto;
		visibility: visible;
		width: 100%;
	}
	
	.main-navigation ul li ul li {
		border-top: 1px solid rgba(255, 255, 255, 0.25);
		display: block;
		float: none;
		margin: 0 0 0 40px;
		opacity: 1;
		-moz-opacity: 1;
		filter:alpha(opacity=100);
		position: relative;
		text-align: left;
		visibility: visible;
		width: 100%;
		z-index: 1;
	}
  
  .main-navigation ul li ul li a {
    padding-left: 10px;
    color: #fff;
  }
  
  .main-navigation ul li ul li a:hover {
    color: #fc0;
  }
	
	.main-navigation ul li ul li:before {
		position: static;
	}
	
	.main-navigation ul li ul li ul {
		left: 160px;
		display: block;
		opacity: 1;
		-moz-opacity: 1;
		filter:alpha(opacity=100);
	  	visibility:visible;
	}
	
	#site-navigation ul ul ul a {
		padding-left: 40px;
	}
	
	.main-navigation ul ul li:hover ul {
		top: 0;
		display: block;
	  	opacity: 1;
		-moz-opacity: 1;
		filter:alpha(opacity=100);
	  	visibility:visible;
	}

	.main-navigation li li.menu-item-has-children > a:after, 
	.main-navigation li li.page_item_has_children > a:after {
		content: "\f107";
	}
  
  .main-navigation ul li.current_page_ancestor ul li a, .main-navigation ul li.current-menu-ancestor ul li a {
    color: #fff;
  }
	
	.main-slider .image-slider {
		min-height: 300px;
	}
}