/*
Theme Name: DCL Blog 2021
Author: Scott Sanders
Description: a DCL Blog theme based on Catch Flames
Version: 1.0.4
Template: catch-flames

This is the child theme for Catch Flames theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/
/* 
DCL Blog 2021 Color Palate

box background: #F2F2F2
    red #A50326
    blue #002252
    yellow #FFBA42
    white #FFFFFF
    Grey #F2F2F2
 */

/* LAYOUT SIZING */
/* Three Columns Layout, Style 1
 * Left Sidebar Smaller */
.three-columns #primary {
    float: left;
    width: calc(100% - 360px);
}
.three-columns .content-sidebar-wrap {
    float: right;
    width: calc(100% - 260px);
}
.three-columns #third-sidebar {
    float: left;
	width: 240px;
}
.wrapper {
	margin: 0 auto;
	width: 98%;
}

/* Responsive Mobile Menu */
@media screen and (max-width: 940px) {
	.mobile-menu a {
		color: #FFFFFF !important;
	}
}

/* Responsive for Large Screens */
@media screen and (min-width: 1600px) {
	.one-column.no-sidebar .site {
		width: 780px;
	}
	#main,
	#footer-sidebar,
	#main-slider.normal-width,
	.no-sidebar.one-column #main-slider {
		padding-top: 35px;
	}
	.hentry,
	.no-results,
	#author-info,
	#disqus_thread,
	#content .error404,
	.widget,
	#supplementary .widget,
	#comments {
	    margin-bottom: 5px;
	    padding: 5px!important;;
	}
	.wrapper {
		width: 98%!important;;
	}
	.two-columns .wrapper,
	.two-columns #main-slider.normal-width {
		width: 1215px;
	}
	.three-columns .content-sidebar-wrap {
	    width: calc(100% - 260px)!important;;
	    
	}
	.three-columns.equal .content-sidebar-wrap {
		width: 945px;
	}
	#primary {
		width: calc(100% - 360px)!important;
	}
	#secondary,
	.three-columns.equal #third-sidebar {
		width: 340px!important;;
	}
	.three-columns #third-sidebar {
		width: 240px!important;
	}
	#supplementary.three .widget-area {
	    margin-right: 3%;
	    width: 31.33%;
	}
	.one-column.no-sidebar #header-top .wrapper,
	.one-column.no-sidebar #header-content .wrapper,
	.one-column.no-sidebar #supplementary .wrapper,
	.one-column.no-sidebar #site-generator .wrapper {
		width: 98%;
	}
	#content .featured-image {
		margin-bottom: 21px;
	}
	#content .image-full-width .featured-image {
		margin: -35px -35px 21px;
	}
}

/* Custom Social Profiles */
.social-profile ul li a {
	background: url("images/social-profiles.png") no-repeat right top;
	}

/* HEADER / PAGE */
#branding {
	background-color: #002252;
	margin-bottom: -50px;
}
#header-image {
	background-color: #002252;
}

/* Footer */
#site-generator {
	background-color: #FFBA42;
	clear: both;
	font-size: 12px;
}
#site-generator a {
	color: #A50326;
}

#site-generator .copyright, #site-generator .powered {
	line-height: 1;
}

.dclblogfooter {
	line-height: 1;
}

/* NAVIGATION */
#header-menu #access,
#footer-menu {
	background-color: #A50326;
}


#header-menu #access, #footer-menu #access-footer {
background: #ff000;
background: -moz-linear-gradient(#383838, #272727);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#383838), to(#272727));
/* background: -webkit-linear-gradient(#383838, #272727); */
background: -webkit-linear-gradient(#A50326, #620217);
margin: 0 auto;
}

#header-menu ul.menu a,
#footer-menu ul.menu a {
	color: #F2F2F2;
	font-size: 14px;
	padding: 0 5px;
	line-height: 3.5em;
	font-weight: bold;
}

/* Hide Theme Name */
#site-generator .powered {
	visibility: hidden;
}

/* Content Headers*/
.hentry,
.no-results,
#author-info,
#disqus_thread,
#content .error404,
#comments {
	background-color: #F2F2F2;
}

.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active {
	color: #002252;
}

body,
input,
textarea {
	color: #000000;
}

.entry-title, .entry-title a {
color: #002252;
text-decoration: none;
}

.entry-meta {
color: #666;
}

/* Links */
a {
	color: #002252;
	text-decoration: none;
}

/* Post Navigation */
#content nav a {
	color: #FFFFFF;
}

#nav-single a {
	color: #002252!important;
}

/* Widget */
.widget {
	background-color: #002252;
}

.widget .widget-title,
.widget .widget-title a {
    color: #FFFFFF;
	font-size: 18px;
    font-weight: bold;
	padding-bottom: 1px;
}

.widget a {
	color: #FFBA42;
}

#widget textarea {
	color: #FFFFFF;
}

.widget {
	color: #F2F2F2;
	font-size: 150%;
	line-height: 1.1em;
	margin-bottom: 5px;
	padding: 5px;
}

/* Google Maps */
DIV[id^="GMPmap"] IMG 
{
   margin: 0;
}

/* Divider Group Headings */
div.grpHead{
	color:#FFBA42;
	font-weight:bold;
	background-color:#002252;
	text-align:center;
	padding:2px 5px 2px 5px;
}
div.grpHeadTabbed{
	color:#FFBA42;
	font-weight:bold;
	background-color:#002252;
	text-align:center;
	padding:2px 5px 2px 5px;
	margin-top: -20px;
}
div.grpHeadSub{
	color:#fff;
	font-weight:regular;
	background-color:#002252;
	text-align:left;
	padding:0px 5px 0px 5px
}

/*----- START TABS CSS -----*/
.tabs{
	width:100%;
	display:inline-block;
	padding-top: 1px;
	}

/*----- Tab Links -----*/
/* Clearfix */
.tab-links:after {
	display:block;
	clear:both;
	content:'';
	list-style:none;
	}

.tab-links a {
	padding:5px 5px 5px 5px !important;
	display:inline-block !important;
	border-radius:3px 3px 0px 0px !important; /*created rounded corners*/
	background:#002252;
	font-weight:bold;
	font-size: 89% !important;
	color:#FFBA42 !important;
	transition:all linear 0.15s;
	margin-right: 2px !important;
	text-decoration:none!important;
	}

.tab-links a:hover {
	background:#A50326;
	color:#002252;
	text-decoration:none;
	}

.tab-links li {
	list-style-type: none;
	background-image: none !important;
	float:left;
	text-decoration:none!important;
	}
	
ul.tab-links {
	margin: 0 0 20px 0px !important;
	}
	
.tab-links li.active a, .tab-links li.active a:hover {
	background:#A50326;
	color:#fff;
	list-style: none;
	text-decoration: none!important;
	}

/*----- Content of Tabs -----*/
.tab-content {
	padding:0px;
	}
.tab {
	display:none;
	}

.tab.active {
	display:block;
	}
/*------ END TAB CSS ------*/


/*------ DCLBlog Widget Formatting ------*/
.CruiseSearchBox {
    border-radius: 5px;
    border: 2px;
    border-style: solid;
    border-color: #FFFFFF;
    padding: 0px 0px 0px 2px;
    width: 100%;
    overflow: auto;
}

.CruiseSearchButton {
	border-radius:5px;
	border:1px;
	border-style: solid;
	border-color: #A50326 !important;
	display:inline-block;
	cursor:pointer;
	color:#002252 !important;
	font-weight:bold;
	text-decoration:none;
	width: 98%;
	padding: 2px 0px 2px 0px;
	background-image: none !important;
	background-color: #FFBA42;
}
.CruiseSearchButton:hover {
	background-image: none;
	background-color:#A50326;
	color:#FFBA42 !important;
	border:1px;
	border-style: solid;
	border-color: #002252;
}
.CruiseSearchButton:active {
	background-image: none;
	background-color:#A50326;
	position:relative;
	box-shadow: none;
}
/*------ END DCLBlog Widget Formatting ------*/

/*------ DCLBlog Cruise Price Search Button ------*/
.DCLCruiseSearchButton {
	border-radius:5px;
	border:1px;
	border-style: solid;
	border-color: #A50326 !important;
	display:inline-block;
	cursor:pointer;
	color:#002252 !important;
	font-weight:bold;
	text-decoration:none;
	width: 300px;
	padding: 2px 0px 2px 0px;
	background-image: none !important;
	background-color: #FFBA42;
}
.DCLCruiseSearchButton:hover {
	background-image: none;
	background-color:#A50326;
	color:#FFBA42 !important;
	border:1px;
	border-style: solid;
	border-color: #002252;
}
.DCLCruiseSearchButton:active {
	background-image: none;
	background-color:#A50326;
	position:relative;
	box-shadow: none;
}
/*------ END DCLBlog Cruise Price Search Button ------*/

/*------ DCLBlog GOOGLE Material ICONS ------*/
/* GOOGLE MATERIAL ICONS */
/* https://google.github.io/material-design-icons/ or https://materializecss.com/icons.html */
/*   <i class="material-icons md-18">face</i> */
/*   <i class="material-icons md-48">face</i> */
/* Rules for alignment */
.material-icons { vertical-align: middle; }

/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px !important; }
.material-icons.md-24 { font-size: 24px !important; }
.material-icons.md-36 { font-size: 36px !important; }
.material-icons.md-48 { font-size: 48px !important; }

/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }

/* Rules for using icons with custom color. */
.material-icons.dclyellow { color: #FFBA42 !important; }
.material-icons.dclblue { color: #002252 !important; }
.material-icons.dclred { color: #A50326 !important; }
/*------ END DCLBlog GOOGLE Material ICONS ------*/

/*------ DCLBlog Accordion Styles ------*/
.accordion {
  position: relative;
  margin-bottom: 1px;
  width: 100%;
/*   color: #fff; /* text color */
  overflow: hidden;
}
.accordion input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.accordion label {
  position: relative;
  display: block;
  padding: 0 0 0 1em;
  color: #FFBA42; /* text color */
  background: #002252;
  font-size: 90%;
  font-weight: bold;
  border-radius: 8px 8px 0 0;
/*  line-height: 3; */
  cursor: pointer;
}
.accordion label .itinerary {
	color: #fff; /* text color */
	font-weight: normal;
	font-size: 95%;
	line-height: 1.2;
	padding-bottom: .25em;
}
.accordion-content {
  max-height: 0;
  overflow: hidden;
  background: #FFBA42;
  border-radius: 0 0 8px 8px;
  /* speed that it collapses */
  -webkit-transition: max-height .75s;
  -o-transition: max-height .75s;
  transition: max-height .75s;
}

.accordion-content .title {
  color: #FFBA42;
  font-weight: bold;
}
/* 
.accordion-content a {
	color: #002252 !important;
}
.accordion-content a:hover {
	color: #fff !important;
}
 */

.accordion-content .mycruisedetails {
  border-radius: 4px;
  border: 4px dashed #002252;
  margin: 0px 5px 0px 5px;
/*   padding: .5em; */
}
 
.accordion-content p {
  margin: 0.25em;
}
/* :checked */
.accordion input:checked ~ .accordion-content {
  max-height: 100vh;
}
/* Icon */
.accordion label::after {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 3em;
	height: 3em;
	line-height: 3;
	text-align: center;
	padding-top: 0.5em;
	/* speed that the icon rotates */
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.accordion input[type=checkbox] + label::after {
/*   content: "\25BC"; */
	content: url('images/anchor.png');
}
.accordion input[type=radio] + label::after {
/* 	content: "\25BC"; */
	content: url('images/anchor.png');
}
.accordion input[type=checkbox]:checked + label::after {
  transform: rotate(45deg);
}
.accordion input[type=radio]:checked + label::after {
  transform: rotateX(180deg);
}
/*------ END DCLBlog Accordion Styles ------*/
/*------ DCLBlog Table Styles ------*/
figure  a {
	line-height: 1.62em;
}
.wp-block-table thead th {
	font-weight: bold !important;
	background-color: #002252 !important;
	color: #FFFFFF;
}
.wp-block-table thead {
	color: #FFBA42;
}
.entry-content th, .comment-content th {
	vertical-align: bottom;
}
.entry-content td, .comment-content td {
	border-color: #FFBA42;
	padding: 4px !important; 
}
.entry-content table, .comment-content table {
	border-color: #FFBA42;
}
.wp-block-table tfoot {
	border-top-color: #A50326;
	border-bottom: 3px solid #FFBA42;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
	background-color: #FFFFFF;
}
.wp-block-table.is-style-stripes td {
	border-right-color: #FFBA42 !important;
}
/*------ END DCLBlog Table Styles ------*/