@charset "utf-8";
/*
Theme Name: PennRMC - Custom WP Theme
Description: Custom responsive WordPress Theme built for PennRMC on Twitter Bootstrap 
Author: DMarceau
Author URI:  https://dmarceau.com
Description: Built on the responsive Twitter Bootstrap v.3 Responsive 12 column, multiple page templates, fixed header 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: right-sidebar, responsive-layout, custom-background, custom-menu, sticky-post, featured-images
/*
 * Bootstrap v3.3.4 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*DM Notes: import Google fonts - view and download from: https://www.google.com/fonts*/
@import url(https://fonts.googleapis.com/css?family=Oswald:400,700,300);
@import url(https://fonts.googleapis.com/css?family=Sumana:400,700);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);
@import url(https://fonts.googleapis.com/css?family=Julius+Sans+One);
@import url(https://fonts.googleapis.com/css?family=Caveat:400,700);
/*DM Notes: added CSS*/
/*

/*DM Notes: removes ALL rounded corners sitewide !!!!Don't use it if img-circle is equired
* {  
  border-radius: 0 !important;
  -moz-border-radius: 0 !important;
}
*/

body { /*DM Notes: set org 80px to 0 px to remove or reduce space above header*/
	padding:  0px; /*DM Notes: nav tight to top of screen*/
	background-color: #ffffff 
	/*background: linear-gradient(to  top, #D7C99F, #472F0F) fixed;*/
}

/*DM Notes: make ALL images repsonsive*/
img {
	display: inline-block;
	height: auto;
	max-width: 100%;
 }

ul {
	margin-left: 1em;
}

ul, menu, dir {/*DM Notes: reduces left padding from 40px; inline with header*/
    padding-inline-start: 1px;
	
}


ul,
ol {
  margin-top: 0;
  margin-bottom: 4px;
}
/*DM Notes: floaats post's Features Image to right in archive.php page; image size set in theme functions.php: set_post_thumbnail_size( 200, 150, true ); */
.attachment-post-thumbnail{ 
   border: none;
   float: right;
}

.container {
	background-color: #FFF;
	font-weight: normal;	
	/*background: linear-gradient(to left top, white, #859BBC) fixed;*/
	box-shadow: -55px 0 55px -55px #DDDCE1, 55px 0 35px -55px #DDDCE1; /* DM Notes: Adds shadow to both side of page */
}



/*DM Notes: tightens full-width image to edge*/
.container-fluid {
	padding-right: 0px;
	padding-left: 0px;
}

/*DM Notes: tightens  space between truncated post title lines*/
.entry-title {
	line-height: 1em;
	font-size: 24px;
	
} 
h1.entry-title {
	line-height: 1em;
	font-size: 1.6em;
} 


.wrap {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.button {
  width: 140px;
  height: 45px;
  font-family: 'Roboto', sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  font-weight: 500;
  color: #000;
  background-color: #fff;
  border: none;
  border-radius: 45px;
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease 0s;
  cursor: pointer;
  outline: none;
  }

.button:hover {
  background-color: #2EE59D;
  box-shadow: 0px 15px 20px rgba(46, 229, 157, 0.4);
  color: #fff;
  transform: translateY(-7px);
}


li {
    margin-bottom:2px;
}	/*DM Notes - bulleted list*/
	
.navbar-fixed-top{
	margin-top: 0em;
}
/*DM Notes - navbar height and padding*/
.navbar-nav > li > a {
    padding-top: 14px;
    padding-bottom: 0px;
	padding-left: 20px;/*DM Notes: left spacing of nav menu items*/
	font-weight: bold;
}

.navbar-inverse .navbar-nav > li > a {
	color: #ccc;
}

.footer-left{
	text-align: left;
}
.footer-right{
	text-align: left;
	border-left-style: solid;
	border-left-width: thin;
	border-left-color: #BFBFBF;
}
article.format-standard .format-icon::before{
content:none;} 

/* DM Notes: 2/2021 added css to make iframe responsive )re:YouTube Video for websinars  */
@media screen and (max-width:675px){
  #iframe{
    min-height:500px;
    overflow-y: scroll;
  }
}



/* DM Notes: BEGIN css added to invoke collapse menu at larger breakpoint rather than wide nav menu breaking into 2 lines  */

@media (max-width: 1200px) {
    .navbar-header {
        float: none;
    }
	
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 1px;
        padding-bottom: 1px;
    }
    .collapse.in{
  		display:block !important;
	}
}

/* DM Notes: END css added to invoke collapse menu at larger breakpoint rather than nav menu breaking into 2 lines   */

/* DM Notes: class added to header-xxx.php files to remove white margin from under fixed-nav , nav inverse 
.header-row {
	padding-bottom: -15px;
	}
 */
 
/*DM Notes: class added for 300 px ht full screen width image page template*/
.header-fixed {
	position: fixed;
	}
	
.header-above {
	height: 100px;
	background-color: #FFF;
}

.header-brand { /*DM Notes: for site title and description in fixed header*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: 400;
}
.header-container {
	padding-top: 8px;
	padding-bottom: 8px;
}



.search-padding-top{
	padding-top: 2em;
	text-align: right; /*DM Notes: aligns search and social media icons right*/
}

.top-margin {
	margin-top: -22px;
	}

.navbar-header {
}



/*DM Notes: class added to change background colors of nav dropdown*/
nav.navbar ul li > ul {
	border: none;
	background-color: #186D37;
}

.dropdown-menu > li > a {
    color: white; /* This has an effect */
}

.dropdown-menu > li > a:hover {
    background-color: #fff; /* DM Notes */
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #1A6C26;
  outline: 0;
}

/*DM Notes: class added to manage img size at all breakpoints; class was added in the content in WP admin > page; also addedd class: center-block to center img in column*/	
.post-thumb {
	min-width: 60%;
	max-width: 300px;
	}
	
/*DM Notes: class added for 300 px ht full screen width image page template; @media changes the margin above the image at each breakpoint*/	
.top-margin-fixed{ 
	margin-top: 12.8em;
	}
	
	
.top-margin-fixed-carousel{ 
	margin-top: 7em;
	}
	
@media (min-width: 992px) and (max-width: 1199px) {
		.top-margin-headerimg {
			margin-top: 68px;
		}
		.top-margin-fixed{ 
			margin-top: 12.8em;
		}
}

@media (min-width: 768px) and (max-width: 991px) {
		.top-margin-headerimg {
		margin-top: 100px;
		}
	.search-padding-top{
	padding-top: .5em;
	
}
	.top-margin-fixed{ 
	margin-top: 20em;
	}
}
	
@media only screen and (min-width : 768px) { /* DM Notes: make Navigation Toggle on desktop hover */
        .dropdown:hover .dropdown-menu {
        display: block;
    }
}
@media screen and (max-width: 767px) {
	.top-margin-headerimg {
		margin-top: 100px;
		}
.search-padding-top{
	padding-top: .5em;
}
.top-margin-fixed{ 
	margin-top: 20em;
	}
}

 /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
.top-margin-fixed{ 
	margin-top: 19.5em;
	}
    }
   @media only screen and (max-width : 360px) {
        .top-margin-fixed{ 
	margin-top: 18em;
	margin-left: 10px;
	margin-right: 10px;
	}
    }

/*DM Notes: class added to make ccc styling changes to specific wordpress pages only page on page id*/
/*.page-id-12{
	background: linear-gradient(to left top, white, #859BBC) fixed;
}
*/
/*DM Notes: class added to add background color to a div */
.div-bgcolor{
	background-color: #4A4138;
	margin-left: -15px; /*DM Notes: negates 15px margin added in bootstrap so color flushed left */

}

	
cite{
	font-size: small;
	font-style: italic;
	padding-left: 10px;
}

/* DM Notes: centered columns styles */
.row-centered {
    text-align:center;
}


.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}
.nav-bg {
	background-color: #000;
}

/*
.thumbnail-layout {
	float:bottom;
	display:inline;
	margin:15px;
	position: relative;
}

*/
/*DM Notes: customized block quote; used quotes image*/
  pre,
  blockquote {
    border: none;
  }
  
blockquote {
	font-size: 30px;
	margin-top: 10px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 12px;
	padding-left: 20px;
	/*background-image: url(https://dmarceau.com/images/quotes_left.png);*/
	background-repeat: no-repeat;
	background-position: left top;
	/*line-height: 1.5em;*/
	font-weight: 400;
	color: #000;
	font-family: 'Times New Roman', serif;
	
}

.fixed {
	position: fixed;
	z-index: 1000;
}
 

.full-width {
	background-color: #000;
	margin: 0;
}


/*DM Notes: removes rounded corners in navbar*/
.navbar {
		 border-radius: 0px;
		 border-top: 0;
		-webkit-box-shadow: none;
		 box-shadow: none;
		 position: relative;
		 border: none;
		 margin-bottom: 0; /*DM Notes: REMOVES white space below navbar*/
	} 

.navbar-inverse{border-radius: 0px;}


.navbar-header{
	/*background-color: #393939;*/
}

.nav-background{
	/*background-color: #B9FFB9;*/
}


.extra-header-content {
	/*background-color: #C6F3FD;*/
}

h1, h2 {
	text-decoration: none;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	color: #1A6C26;
	font-style: normal;
}
h1 {
	font-size: 1.6em;
	line-height: 1em;
	margin-top: 0px;
	padding-bottom: 2;
	padding-left: 0;
}
h2,
.h2 {
  	font-size: 1.3em;
}
h3{
	font-size: 1.0em;
	font-weight: bold;
}

h4 {
	font-weight: 700;
	color: #000;
	font-size: 1.5em;
	
}
#sidebar-left{
	/*background-color: #FBDDFB;*/
}
#sidebar-left-event{
	padding: 10;
}

#sidebar-right{
	/*background-color: #D0FDFB;*/
}

/*DM Notes: Add css with !important to remove borders around images in WP built media gallery*/
#gallery-1 img {
	border: none!important;
}

.alignleft{
	padding-right: 20px;
	padding-top: 10px;
	float: left; /*DM Notes: aded float fo text would wrap arounf images*/
}

.alignright{
	padding-left: 20px;
	float: right; /*DM Notes: aded float fo text would wrap arounf images*/
}

/*DM Notes: For Featured Image in posts -added float and margin so text would wrap around images*/

.thumbnail-layout { 
float:left;
display: inline-flex;
margin:15px;
}

.wp-caption{
	font-size: small;
	font-style: italic;
}

.site-title-heading{
	font-family: Arial, Helvetica, sans-serif;
	 text-decoration: none;
	width: 100%
}

.site-title-description{
	background-color: #FFF;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 2px;
}

small {
	font-size: 90%;


} 
.widget-title h1{
	font-size: 1.3em;
	font-weight: bold;
	line-height: 2em;
	color: #000;

}

.content-fullwidth{
	text-align: left;
}

.site-footer{
	/*background-color: #CFCFA0;*/
	margin-bottom: 0px;
	padding-bottom: 12px;
	text-align: center;
}

.copyright{
	font-size: 11px;
}

hr {/* DM Notes: cusom css added for cool gradient line tag: <hr> */
 border: 0;  height: 1px; background-image: 
 linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

/*DM Notes: BEGIN css for share buttons - HTML added to individual page templates as applicable*/
.social-single {
margin: 17px 0 0 0;
}
#twitterbutton, #likebutton, #stumblebutton, #sharebutton, #linkedinshare {
float: left;
margin-right: 16px;
display: block;
}
#likebutton {
margin-top:0px;
margin-right:1px;
}
/*#stumblebutton {
margin-left: 20px;
margin-top: 1px;
}*/
#linkedinshare {
margin-top: 1px;
}
/*#plusonebutton {
margin-left: 20px;
margin-top: 1px;
}*/
/*DM Notes: END css for share buttons*/


@media screen and (max-width: 767px) {
	}

@media (min-width: 768px) and (max-width: 991px) {
	}

@media (min-width: 768px) {
	}

@media (min-width: 992px) {
	}

@media (min-width: 1200px) {

	}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
	}
	
@media (max-device-width: 480px) and (orientation: landscape) {
	}			
			
/*DM Notes: END added CSS*/