/*
_______________________________
Desktop version layout - place your custom code here */

body {
	background-color: #dcb69e;
	background-image: url(images/page_background.jpg); 
	background-repeat: repeat-x;
	/*background:url(images/pwclogo.gif)#FFFFFF no-repeat scroll 0%;*/
}

.masthead {
	height: 218px;
	background-image: url(http://padrepiodevotions.org/wp-content/uploads/2013/10/masthead_background-copy.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #d5d3ce;
	margin-top: 10px;
	border: 1px solid #a99287;
	border-bottom: none;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.6) 0px 0px 8px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.6) 0px 0px 8px 0px;
	box-shadow:rgba(0, 0, 0, 0.6) 0px 0px 8px 0px;
}
img.facebook {
	float: right;
	padding: 25px 25px 0 0;
	opacity: 0.75;	
}
img.facebook:hover {
	opacity: .95;	
}
#google{
	margin-top:50px;
	margin-right:-116px;
	padding-top:0px !important;
}
.nav_container {
	min-height: 61px;
	background-image: url(../images/nav_bak.jpg);
	background-repeat: repeat-x;
	background-color: #646430;
	-webkit-box-shadow:rgba(0, 0, 0, 0.6) 0px 0px 8px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.6) 0px 0px 8px 0px;
	box-shadow:rgba(0, 0, 0, 0.6) 0px 0px 8px 0px;
	overflow: visible;
}
.content_container {
	background-color: #fbf7e4;
	background-color: #EDEDD0;
	min-height: 300px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.6) 0px 0px 8px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.6) 0px 0px 8px 0px;
	box-shadow:rgba(0, 0, 0, 0.6) 0px 0px 8px 0px;
	margin-bottom: 50p;
}
ul.homepage_buttons {
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
	width: 70%;
}
ul.homepage_buttons li {
	margin: 0;
	padding: 0;	
}
ul.homepage_buttons li a {
	display: block;
	background-image: url(../images/button_background.jpg);
	background-repeat: repeat-x;
	line-height: 1.3em;
	padding: 8px 10px;
	color: white;
	font-weight: 400;
	font-size: 14px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid white;
	-webkit-box-shadow:rgba(0, 0, 0, 0.308594) 1px 1px 5px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.308594) 1px 1px 5px 0px;
	box-shadow:rgba(0, 0, 0, 0.308594) 1px 1px 5px 0px;
	text-shadow:rgba(0, 0, 0, 0.339844) 1px 1px 0px;
	margin: 10px 0;
}

/*---------*/

ul.homepage1_buttons {
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
	width: 90%;
}
ul.homepage1_buttons li {
	margin: 0;
	padding: 0;	
}
ul.homepage1_buttons li a {
	display: block;
	background-image: url(../images/button_background.jpg);
	background-repeat: repeat-x;
	line-height: 1.3em;
	padding: 15px 0 15px 20px;
	color: white;
	font-weight: 700;
	font-size: 16px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid white;
	-webkit-box-shadow:rgba(0, 0, 0, 0.308594) 1px 1px 5px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.308594) 1px 1px 5px 0px;
	box-shadow:rgba(0, 0, 0, 0.308594) 1px 1px 5px 0px;
	text-shadow:rgba(0, 0, 0, 0.339844) 1px 1px 0px;
	margin: 10px 0;
}
ul.homepage1_buttons li a:hover {
	background-image: url(../images/button_background_hover.jpg);
	text-decoration: none;
}
/*---------*/

ul.homepage_buttons li a:hover {
	background-image: url(../images/button_background_hover.jpg);
	text-decoration: none;
}
img.site_title {
	display: block;
	float: left;
	margin-top: 60px;
	margin-right: 60px;
}
img.left_rose, img.right_rose {
	display: block;
	position: absolute;
	width: 152px;
	height: 136px;	
	top: 200px;
}
img.left_rose {
	margin-left: -100px;	
}
.right_rose_container {
	width: 152px;
	float: right;	
}
img.right_rose {
	margin-left: 200px;
}
.billboard_container {
	margin: 10px 0 0 20px;	
}
.uds-bb {
	border: 10px solid white;
	-webkit-box-shadow:rgba(0, 0, 0, 0.11) 0px 0px 10px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.11) 0px 0px 10px 0px;
	box-shadow:rgba(0, 0, 0, 0.11) 0px 0px 10px 0px;
}

.widget {
	padding-right: 20px;	
}
#primary {
	padding: 0 20px 20px 20px;	
}

#secondary {
	margin-top: 20px;	
}
#footer {
	background-color: #6F2117;	
}
#footer .col_12 {
	padding: 20px 0;	
}
#footer p {
	text-align: center;
	color: white;
	font-size: 12px;
	text-shadow:rgba(0, 0, 0, 0.7) 1px 1px 2px;
}
#footer p.footer_quote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 18px;
	line-height: 1.3em;	
}
#footer p.footer_quote span {
	font-style: normal;	
	font-size: 16px;
}
ul#megaUber {
	padding-left: 40px !important;
	padding-right: 40px !important;	
}

/***************************************
		Menu Styles Here
***************************************/

#megaMenu {
  border:none;
  border-bottom:;
  background-color:transparent;
  background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(transparent));
  background:-webkit-linear-gradient(top,transparent,transparent);
  background:-moz-linear-gradient(top,transparent,transparent);
  background:-ms-linear-gradient(top,transparent,transparent);
  background:-o-linear-gradient(top,transparent,transparent);
  -webkit-border-radius:0px;
  -moz-border-radius:0px;
  border-radius:0px;
  -moz-background-clip:padding;
  -webkit-background-clip:padding-box;
  background-clip:padding-box;
  -webkit-box-shadow:inset 0px 1px 0px 0px rgba(255,255,255,0);
  -moz-box-shadow:inset 0px 1px 0px 0px rgba(255,255,255,0);
  box-shadow:inset 0px 1px 0px 0px rgba(255,255,255,0);
}
#megaMenu ul.megaMenu > li > a, #megaMenu ul.megaMenu > li > span.um-anchoremulator {
  font-size:18px;
  color:#ffffff;
  padding:18px 15px !important;
  font-weight:normal;
}
#megaMenu.megaMenuHorizontal ul.megaMenu > li > a, #megaMenu.megaMenuHorizontal ul.megaMenu > li > span.um-anchoremulator {
  border-left:1px solid transparent;
  -webkit-box-shadow:inset 1px 0px 0px 0px rgba(255,255,255,0);
  -moz-box-shadow:inset 1px 0px 0px 0px rgba(255,255,255,0);
  box-shadow:inset 1px 0px 0px 0px rgba(255,255,255,0);
}
#megaMenu.megaMenuVertical ul.megaMenu > li > a, #megaMenu.megaMenuVertical ul.megaMenu > li > span.um-anchoremulator {
  border-top:1px solid transparent;
  -webkit-box-shadow:inset 0px 1px 0px 0px rgba(255,255,255,0);
  -moz-box-shadow:inset 0px 1px 0px 0px rgba(255,255,255,0);
  box-shadow:inset 0px 1px 0px 0px rgba(255,255,255,0);
}
#megaMenu ul li.ss-nav-menu-reg li.megaReg-with-sub > a, #megaMenu ul li.ss-nav-menu-reg li.megaReg-with-sub > span.um-anchoremulator, #megaMenu ul li.mega-with-sub > a, #megaMenu ul li.mega-with-sub > span.um-anchoremulator, #megaMenu ul li.ss-nav-menu-mega > a, #megaMenu ul li.ss-nav-menu-mega > span.um-anchoremulator { padding-right:20px; }
#megaMenu ul.megaMenu > li > a span.wpmega-link-title, #megaMenu ul.megaMenu > li > span.um-anchoremulator span.wpmega-link-title {
  text-transform:none;
  text-shadow:0 -1px 1px #000000;
}
#megaMenu ul.megaMenu > li:hover > a, #megaMenu ul.megaMenu > li > a:hover, #megaMenu ul.megaMenu > li.megaHover > a, #megaMenu ul.megaMenu > li:hover > span.um-anchoremulator, #megaMenu ul.megaMenu > li > span.um-anchoremulator:hover, #megaMenu ul.megaMenu > li.megaHover > span.um-anchoremulator {
  color:#f2f2f2 !important;
  border-bottom-color:transparent !important;
  background-color:#959540;
  background:-webkit-gradient(linear,left top,left bottom,from(#959540),to(#6d6d35));
  background:-webkit-linear-gradient(top,#959540,#6d6d35);
  background:-moz-linear-gradient(top,#959540,#6d6d35);
  background:-ms-linear-gradient(top,#959540,#6d6d35);
  background:-o-linear-gradient(top,#959540,#6d6d35);
  -webkit-box-shadow:inset 1px 1px 0px 0px rgba(255,255,255,0);
  -moz-box-shadow:inset 1px 1px 0px 0px rgba(255,255,255,0);
  box-shadow:inset 1px 1px 0px 0px rgba(255,255,255,0);
}
#megaMenu ul.megaMenu > li:hover > a span.wpmega-link-title, #megaMenu ul.megaMenu > li:hover > span.um-anchoremulator span.wpmega-link-title, #megaMenu ul.megaMenu > li > a:hover span.wpmega-link-title, #megaMenu ul.megaMenu > li > span.um-anchoremulator:hover span.wpmega-link-title, #megaMenu ul.megaMenu > li.megaHover > a span.wpmega-link-title, #megaMenu ul.megaMenu > li.megaHover > span.um-anchoremulator span.wpmega-link-title { text-shadow:0 -1px 1px transparent; }
#megaMenu ul.megaMenu > li.current-menu-item > a, #megaMenu ul.megaMenu > li.current-menu-parent > a, #megaMenu ul.megaMenu > li.current-menu-ancestor > a { color:#ffffff; }
#megaMenu ul.megaMenu > li.ss-nav-menu-mega > ul.sub-menu-1, #megaMenu ul.megaMenu li.ss-nav-menu-reg ul.sub-menu {
  border-color:transparent;
  color:#000000;
  text-shadow:0px 1px 1px transparent;
  -webkit-box-shadow:1px 1px 1px transparent;
  -moz-box-shadow:1px 1px 1px transparent;
  box-shadow:1px 1px 1px transparent;
  background-color:#ffffff;
  background:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#dbdbdb));
  background:-webkit-linear-gradient(top,#ffffff,#dbdbdb);
  background:-moz-linear-gradient(top,#ffffff,#dbdbdb);
  background:-ms-linear-gradient(top,#ffffff,#dbdbdb);
  background:-o-linear-gradient(top,#ffffff,#dbdbdb);
}
#megaMenu ul.megaMenu ul.sub-menu .wpmega-postlist a { color:#000000; }
#megaMenu.megaMenuHorizontal ul.megaMenu > li.ss-nav-menu-mega > ul.sub-menu-1, #megaMenu.megaMenuHorizontal ul.megaMenu li.ss-nav-menu-reg > ul.sub-menu { border-top:; }
#megaMenu ul.megaMenu > li.ss-nav-menu-mega > ul.sub-menu-1 > li { min-width:100px; }
#megaMenu ul li.ss-nav-menu-mega ul.sub-menu-1 > li > a, #megaMenu ul li.ss-nav-menu-mega ul.sub-menu-1 > li:hover > a, #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu .ss-nav-menu-header > a, #megaMenu ul li.ss-nav-menu-mega ul.sub-menu-1 > li > span.um-anchoremulator, #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu .ss-nav-menu-header > span.um-anchoremulator, .wpmega-widgetarea h2.widgettitle {
  color:#660c00;
  font-size:12px;
  font-weight:bold;
  text-shadow:0px 1px 1px transparent;
  padding-bottom:.4em;
  border-bottom:1px dotted #660c00;
  margin-bottom:.6em;
}
#megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu li > a, #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu li > span.um-anchoremulator, #megaMenu ul ul.sub-menu li > a, #megaMenu ul ul.sub-menu li > span.um-anchoremulator {
  color:#888888;
  font-size:12px;
  text-shadow:0px 1px 1px transparent;
  background-color:transparent;
}
#megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu li a:hover, #megaMenu ul ul.sub-menu > li:hover > a {
  color:#000000;
  background-color:transparent;
}
#megaMenu ul.megaMenu > li.menu-item > .wpmega-nonlink > form#searchform { padding-top:8px; }
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-highlight > a, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-highlight > span.um-anchoremulator { color:#888888 !important; }
#megaMenu .ss-nav-menu-with-img > a > .wpmega-link-title, #megaMenu .ss-nav-menu-with-img > a > .wpmega-link-description, #megaMenu .ss-nav-menu-with-img > a > .wpmega-item-description, #megaMenu .ss-nav-menu-with-img > span.um-anchoremulator > .wpmega-link-title, #megaMenu .ss-nav-menu-with-img > span.um-anchoremulator > .wpmega-link-description, #megaMenu .ss-nav-menu-with-img > span.um-anchoremulator > .wpmega-item-description { padding-left:30px; }
.ss-nav-menu-with-img { min-height:25px; }
#megaMenu ul.megaMenu li a span.wpmega-item-description, #megaMenu ul.megaMenu li span.um-anchoremulator span.wpmega-item-description {
  font-size:9px;
  line-height:1.4em;
  color:#bbbbbb;
  text-transform:none;
}
#megaMenu ul li.mega-with-sub > a:after, #megaMenu ul li.ss-nav-menu-mega > a:after, #megaMenu ul li.mega-with-sub > span.um-anchoremulator:after, #megaMenu ul li.ss-nav-menu-mega > span.um-anchoremulator:after { border-top-color:transparent; }
#megaMenu ul li.ss-nav-menu-reg li.megaReg-with-sub > a:after, #megaMenu ul li.ss-nav-menu-reg li.megaReg-with-sub > span.um-anchoremulator:after { border-left-color:transparent; }
#megaMenu .wpmega-divider {
  border-top:1px solid transparent;
  border-bottom:1px solid rgba(255,255,255,0.05);
}
#megaMenu.megaMenuVertical > ul > li > a, #megaMenu.megaMenuVertical > ul > li > span.um-anchoremulator {
  background-color:transparent;
  background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(transparent));
  background:-webkit-linear-gradient(top,transparent,transparent);
  background:-moz-linear-gradient(top,transparent,transparent);
  background:-ms-linear-gradient(top,transparent,transparent);
  background:-o-linear-gradient(top,transparent,transparent);
}
#megaMenu.megaMenuVertical ul li.ss-nav-menu-reg li.megaReg-with-sub > a:after, #megaMenu.megaMenuVertical ul li.mega-with-sub > a:after, #megaMenu.megaMenuVertical ul li.ss-nav-menu-mega > a:after, #megaMenu.megaMenuVertical ul li.ss-nav-menu-reg li.megaReg-with-sub > span.um-anchoremulator:after, #megaMenu.megaMenuVertical ul li.mega-with-sub > span.um-anchoremulator:after, #megaMenu.megaMenuVertical ul li.ss-nav-menu-mega > span.um-anchoremulator:after { border-left-color:transparent; }
#megaMenu.megaMenuVertical ul.megaMenu > li.ss-nav-menu-mega > ul.sub-menu-1, #megaMenu.megaMenuVertical ul.megaMenu li.ss-nav-menu-reg > ul.sub-menu { border-left:; }
#megaMenu.megaMenuHorizontal ul.megaMenu { *border-bottom:none; }
#megaMenu.megaMenuVertical ul.megaMenu { *border-right:none; }


/***************************************
		Additional Styles
***************************************/

img.alignright,
img.alignleft,
img.aligncenter {
	display: block;	
}
img.alignright {
	float: right;
	padding: 5px 0 5px 10px;	
}
img.alignleft {
	float: left;
	padding: 5px 10px 5px 0;	
}
img.aligncenter {
	float: none;
	margin: 5px auto;	
}
body.page-template-todays-reflections-page-php .content_container {
	background-image: url(../images/tr-page-background.jpg);
	background-repeat: repeat;	
	min-height: 600px;
	padding: 0;
	margin: 0 auto;
}
body.page-template-todays-reflections-page-php #primary {
	padding: 0;	
	min-height: 600px;
	margin: 0 auto;
}
.reflections_container {
	background-image: url(../images/tr-our-lady.jpg);
	background-position: 100% 0;
	background-repeat: no-repeat;
	min-height: 600px;	
}
.tr-top-left {
	background-image: url(../images/tr-top-left.png);
	background-repeat: no-repeat;
	background-position: top left;	
	min-height: 600px;
}
.tr-bottom-right {
	background-image: url(../images/tr-bottom-right.png);
	background-repeat: no-repeat;
	background-position: bottom right;	
	min-height: 600px;
}
.daily_reflection {
	margin: 0;
	padding: 0;	
	margin-left: 300px;
	margin-right: 235px;
	padding-top: 75px;
}
.daily_reflection p {
	margin: 0;
	padding: 0;
	font-size: 20px;
	line-height: 145%;
	padding-bottom: 25px;
}
.first-footer-sidebar aside.widget {
	padding-left: 20px;	
}
.last-footer-sidebar aside.widget {
	padding-right: 20px;	 
}
.footer-sidebars aside.widget h3.widget-title {
	font-weight: normal;
}


/* 
_______________________________
Mobile version - preset code from cssgrid.net */

@media handheld, only screen and (max-width: 767px) {

	.examplecontainer {}

	body {}

img.site_title {
	display: block;
	width: 274px;
	margin: 100px auto 0 auto !important;
}
ul.homepage_buttons li a {
	display: block;
	background-image: url(../images/button_background.jpg);
	background-repeat: repeat-x;
	padding: 10px;
	margin: 5px 0;
	color: white;
	font-size: 1em;
	text-align: center;

}
.billboard_container {
	margin: 10px 0 0 -20px !important;	
}
img.left_rose, img.right_rose, .right_rose_container {
	display: none;	
}

#megaMenu.megaMenuHorizontal ul.megaMenu > li > a, #megaMenu.megaMenuHorizontal ul.megaMenu > li > span.um-anchoremulator {
  border-left:1px solid #4d2814;
  -webkit-box-shadow:inset 1px 0px 0px 0px rgba(255,255,255,0);
  -moz-box-shadow:inset 1px 0px 0px 0px rgba(255,255,255,0);
  box-shadow:inset 1px 0px 0px 0px rgba(255,255,255,0);
  width: 70%;
  margin: 3px auto;
  clear: both !important;
  text-align: center;
  line-height: 70px;
    text-shadow:rgba(0, 0, 0, 0.796875) 1px 1px 1px;
	padding: 10px;
	background-color:rgba(45, 51, 18, 0.45);
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
#megaMenu.megaMenuHorizontal ul.megaMenu > li.current-menu-item > a {
	background-color:rgba(45, 51, 18, 0.95);
}
ul#megaUber {
	padding-left: 0px !important;
	padding-right: 0px !important;	
	
}

.reflections_container,
.reflections_right,
.reflections_left,
.reflections_title  {
	background-image: none;
}

div.reflections_background {
	background-image: none;
	background-repeat: no-repeat;
	background-position: 50% 0;
	margin-top: 15px;
}
div.daily_reflection {
	max-width: 575px;
	margin: 20px auto 0 auto;
	padding: 0;	
}
div.daily_reflection p {
	font-family: "proxima-nova-alt", verdana, sans-serif;
	padding: 0 5px;
}
.tr-top-left {
	background-image: none;
}
.tr-bottom-right {
	background-image: none;
}

/*
_______________________________
Provide higher res assets for iPhone 4 - preset code from cssgrid.net */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

	/* An example of how to override an image with one twice the size for iPhone 4. Specify the original pixel size with background-size.
	.download {
	background: url(../img/downarrow@2x.png) no-repeat;
	background-size: 27px 28px;
	}
	*/

}


.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
.wp-caption{
	float:left;
}