/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/




#content p { 
  font-size : 16px !important;
  line-height: 1.8; }
  
h1 { font-size: 30px; }

h2 { font-size: 24px; }

h3 { font-size: 18px; }

h4 { font-size: 14px; }

h5 { font-size: 12px; }



/* ----------------------------------------------------------------
	Adsense Boxes
-----------------------------------------------------------------*/

.AdSenseBoxLeft, .AdSenseBoxRight, .AdSenseBoxCenter468, .AdSenseBoxExtraColumn {
padding: 5px;
background-color: transparent;
border: 0px;
}

.AdSenseBoxLeft {
margin: 0 18px 12px 18px;
float: left;
}

.AdSenseBoxRight {
margin: 0 18px 12px 18px;
float: right;
}

.AdSenseBoxCenter468 {
width: 468px;
margin: 0 auto 12px auto;
clear: both;
}

.AdSenseBoxExtraColumn {
padding: 0;
margin: 0 auto 12px auto;
clear: both;
}


/* ----------------------------------------------------------------
	Resize Text in Slider for Mobile
-----------------------------------------------------------------*/
.device-lg .slider-caption  { font-size: 64px; }
 
.device-md .slider-caption  { font-size: 56px; }
 
.device-sm .slider-caption  { font-size: 48px; }
 
.device-xs .slider-caption .tp-caption { font-size: 36px; }
 
.device-xxs .slider-caption .tp-caption { font-size: 32px; }



/* Hide logo at beginning */

#logo img {
	height: 0px;
	-webkit-transition: height .4s ease, opacity .3s ease;
	-o-transition: height .4s ease, opacity .3s ease;
	transition: height .4s ease, opacity .3s ease;
}

/* ----------------------------------------------------------------
	Color Classes
-----------------------------------------------------------------*/
.red{
background-color: transparent;
color: #C50206;

}

.red ul li a {
  color: #C50206;
  }
  
  .red ul a{
  color: #C50206;
  }
  
  
.BoxGrey{
background-color: #F9F9F9;
padding: 20px;
}

.blue {
background-color: transparent;
color: #44546A;
}

.celeste {
color: #8EAFDB;
}

.celeste ul li a {
color: #8EAFDB;
}

.grey {
color: #F9F9F9;
}

.light-gray{
background-color: transparent;
color: #DBD3D3;

}
.light-gray ul li a {
color: #DBD3D3;
}



/* ----------------------------------------------------------------
	Styling for Menu Tittles
-----------------------------------------------------------------*/

#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title:first-child {
  font-weight: bold;
	font-family: 'Raleway', sans-serif;
  text-transform: uppercase !important;
  color: #44546A;
}

/* ----------------------------------------------------------------
	Styling for Breadcrumbs
-----------------------------------------------------------------*/

#page-title.page-title-right .breadcrumb {
	left: 15px !important;
	right: 15px !important;
}

/* ----------------------------------------------------------------
	Lists with pic icon
-----------------------------------------------------------------*/

.post_links ul,
.post_links li{
	list-style: none;
}
.post_links ul { 
   margin: 0 0 30px 50px; 
}
.post_links li { 
   padding: 4px;
   margin: 0; 
}

.post_links li a {
	display: inline-block;
	padding: 0 3px 0 12px;
  background: url("../png/widget-link.png") left top no-repeat;
	border: none !important;
  font-size: 16px;
}

/* ----------------------------------------------------------------
	Lists with icons
-----------------------------------------------------------------*/

.post_links_icons ul,
.post_links li{
	list-style: none;
}
.post_links_icons ul { 
   margin: 0 0 30px 50px; 
}
.post_links_icons li { 
   padding: 4px;
   margin: 0; 
}

.post_links_icons li a {
	display: inline-block;
	padding: 0 3px 0 3px;
  border: none !important;
  font-size: 16px;
}

/* ----------------------------------------------------------------
	Basic
-----------------------------------------------------------------*/
 ul, li {
	margin: 10px 10px 10px 30px;
	padding: 0;
  font-size: 16px;
  color: #44546A;
}

/* ----------------------------------------------------------------
	Basic List No Links
-----------------------------------------------------------------*/
.list ul {
	list-style: none;
 	margin: 0 0 20px 30px;
}
.list li{
	background: url("../png/widget-link.png") left top no-repeat;
	border: none !important;
	color: #44546A;
	padding: 0 3px 0 12px;
  font-size: 16px;
}


/* Widget Links
-----------------------------------------------------------------*/
.widget_links li, .widget_links li a {
	font-size: 16px;
}

/* Box White with Red border
-----------------------------------------------------------------*/

.BoxWhiteRed {          
background-color: #FFFFFF;
border: 2px solid #C50206;
margin: 10px;
color: #44546A;
padding: 10px;
}

/* ----------------------------------------------------------------
	Fonts
-----------------------------------------------------------------*/

.cursive {
  font-family:  cursive, 'Lato', sans-serif;
  }

/* Z Post for Nav-Thumbs
-----------------------------------------------------------------*/

zpost {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px dashed #E5E5E5;
}

.zpost:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: 0;
}


.zpost .entry-image {
	float: right;
	margin: 10px 0 10px 15px;
	text-align: center;
}

.zpost .entry-image,
.zpost .entry-image a,
.zpost .entry-image img,
.zpost .entry-image i {
	width: 140px;
	height: 100px;
}

.zpost .entry-image a i {
	font-size: 28px;
	line-height: 48px;
	color: #666;
	background-color: #EEE;
}


.zpost .entry-title h4 {
  margin: 20px 0 0 0;
	font-size: 14px;
	font-weight: 600;
}

.zpost .entry-meta { 
   margin: 8px -10px 0 0;
   line-height: 1.5; }


.zpost .entry-meta li {
	font-size: 13px;
	margin: 0 10px 0 0;
  line-height: 1.5;
}

.more-link {
	
	border-bottom: 0px solid #1ABC9C;
	padding: 0 2px 0 4px;
	font-family: 'Crete Round', serif;
	font-style: italic;
}

/* ----------------------------------------------------------------
	Styling for Tables
-----------------------------------------------------------------*/

td { 
    padding: 10px;
}


/* -- BLUE TABLE -- */

#table-blue {
    font-family: 'Lato', sans-serif; 
   
    border-collapse: collapse;
}

#table-blue td, #table-blue th {
    font-size: 1em;
    border: 1px solid  #4B5C7A;
    padding: 10px 7px 10px 7px;
    
}

#table-blue th {
    font-size: 1.1em;
    text-align: center;
    padding-top: 12px;
    padding-bottom: 10px;
    background-color: #4B5C7A;
    color: #ffffff;
}

#table-blue tr.alt td {
    color: #4B5C7A;
    background-color: #EAF3E2;
     text-align: center;
     border-right: 1px solid #4B5C7A;
}

#table-blue tr {
    color: #4B5C7A;
    background-color: #BAD1E2;
     text-align: center;
}

#table-blue h2, h3 {
     color: #4B5C7A;
     border-bottom: 0px;
 }

#table-blue th a {
    color: white;    
}

#table-blue th a:visited {
    color: white; 
    text-decoration: underline;   
}

#table-blue th a:hover {
    color: #5797C6; 
    background-color: white;
    text-decoration: underline;   
}

/* ----------------------------------------------------------------
	Styling for Footer
-----------------------------------------------------------------*/
.footer-links a {
	display: inline-block;
	margin: 0 3px;
	color: #44546A;
}

.footer-links a:hover {
	color: #ccddff;
	border-bottom: 1px solid #ccddff;
}

.col-padding-30 { padding: 30px; }

/* ----------------------------------------------------------------
	Styling for Sitemap
-----------------------------------------------------------------*/

.sitemap_links ul,
.post_links li{
	list-style: none;
}
.sitemap_links ul { 
   margin: 0 0 30px 20px; 
}

.sitemap_links ul ul{ 
   margin: 0 0 0 20px; 
}
.sitemap_links li { 
   padding: 4px;
   margin: 0; 
}

.sitemap_links li a {
	display: inline-block;
	padding: 0 3px 0 12px;
  background: url("../png/widget-link.png") left top no-repeat;
	border: none !important;
  font-size: 14px;
  color: #44546A;
}

.sitemap_links li a:hover {
  color: #8EAFDB;
  }

/* ----------------------------------------------------------------
	Photo Gallery
-----------------------------------------------------------------*/

.grid-item {
	width: 380px;
}

.preview::before {
  background: #FFF; 
}

.description { color: #c50206; }
.description-preview h3, p { color: #44546A; } 
.description-preview p span {
	color: #44546A; }
.details .icon { color: #44546A; } 
.action { color: #44546A; } 
.action:hover, .action:focus { color: #486db6; }

.photo-album {
  margin: 0 auto;
  max-width: 235px;
  padding: 25px;
  background-image: url("../png/album-bg.png");
  background-repeat: no-repeat;
  background-position: center center !important;
  background-size: 100%;
  }

/* ----------------------------------------------------------------
	Styling for Blog Posts
-----------------------------------------------------------------*/

.blogItItem h3 {
  text-transform: uppercase !important;
  color: #C50206;
}


/* ----------------------------------------------------------------
	Links to support / image files
-----------------------------------------------------------------*/

#primary-menu ul ul > li.sub-menu:hover > a {
	background-image: url("../png/submenu.png");
 
#primary-menu.sub-title.style-2 > div > ul > li {
	background: url("../png/menu-divider.png") no-repeat right center;
	margin-left: 1px;
}

#primary-menu.dark ul ul > li.sub-menu:hover > a { background-image: url("../png/submenu-dark.png"); }



/* ----------------------------------------------------------------
	Resize for mobile
-----------------------------------------------------------------*/
@media (max-width: 479px) {
  .container,
	#header.full-header .container,
	.container-fullwidth { font-size: 120%; }
  


}