/*
Theme Name: Responsive Child Theme
Theme URI: https://www.qsl.net/ve2pij/quebec/qcpota.ca
Author: Pierre
Author URI: https://www.qsl.net/ve2pij/quebec/qcpota.ca
Template: responsive
Description: Child Theme for Responsive. The Responsive theme is a flexible foundation with fluid grid system that adapts your website to mobile devices and the desktop or any other viewing environment. Theme features 9 Page Templates, 11 Widget Areas, 6 Template Layouts, 4 Menu Positions and more. Powerful but simple Theme Options for full CMS control with easy Logo Upload and Social Networking. Responsive is WooCommerce Compatible, Multilingual Ready (WPML), RTL-Language Support, Retina-Ready, Search Engine Friendly, W3C Markup Validated and currently translated into over 45 languages. Cross-Browser compatible. Includes a Testimonial section so you can highlight positive feedback from your customers and boost conversion. Includes a team section to display your team members details. Has a customizable call-out section for key messages, with a Call-To-Action Button. An elegant Contact section to display your address & contact form. Includes Custom WooCommerce Templates. 3 Site layout available - Dafault , full width & full width without boxes. Option available to add sticky header. Includes 3 different blog layouts - Blog (full posts), Blog Excerpt & Blog layout with 3 Column. Option available to filter categories from Blog page <a href="https://cyberchimps.com/forum/free/responsive/">Official support forum</a> (https://cyberchimps.com/forum/free/responsive/). For Weekly Tips on how to get the most out of this theme, sign up here <a href="https://cyberchimps.com/weekly-tips-free-responsive-free-theme/">https://cyberchimps.com/weekly-tips-free-responsive-free-theme/ </a>. View theme demo here <a href="https://cyberchimps.com/responsive-demo/">https://cyberchimps.com/responsive-demo/ </a>
Version: 0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: responsive-child

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 *Define roman-numeral ordered-list
 *
 * @author Pierre
 */

ol.roman {
    counter-reset: roman;
    padding-left: 80px;
}
ol.roman > li {
    margin: 0 0 15px 0;
    list-style: none;
    position: relative;
}
ol.roman > li:before {
    counter-increment: roman;
    content:"(" counter(roman, lower-roman)") ";
    position: absolute;
    left: -3em;
}

/**
 * Define Full-Page content area that takes 100% of the page.
 *
 * @author Pierre
 */

.fullpage-content-area {
   width: 100%;
}

/**
 * Define a NoPad table format with 0 padding, 0 margins and no border
 * used to position graphics.
 *
 * @author Pierre
 */


.nopad-table {
    border-collapse: collapse;
    border: 0;
    padding: 0;
    margin: 0;
    border-color: none;
}
.nopad-table tr, .nopad-table th, .nopad-table td {
   padding: 0;
   margin: 0;
   border: 0;
}

/**
 * Define the table format for the ON-The-Air table.
 *
 * @author Pierre
 */

.onair-table {
    border: 0;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

.onair-table th {
    border: 0;
    border-bottom: 1px solid #000000;
    padding: 8px;
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    /* background-color: #d9edf7; */
    color: black;
}

.onair-table td {
    border: 0;
    border-bottom: 1px solid #dddddd;
    padding: 8px;
}

.onair-table tfoot th {
    border: 0;
    border-top: 1px solid #000000;
    padding: 8px;
}


.onair-table tr:nth-child(even){background-color: #f9f9f9;}

/* .onair-table tr:hover {background-color: #ddd;} */

/*
.onair-table th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #d9edf7;
    color: black;
}
*/

/**
 * Define the table format for the Parks Lookup table.
 *
 * @author Pierre
 */

.parks-table {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

.parks-table td, .parks-table th {
    border: 1px solid #ddd;
    padding: 8px;
}

.parks-table tr:nth-child(even){background-color: #f2f2f2;}

.parks-table tr:hover {background-color: #ddd;}

.parks-table th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #d9edf7;
    color: black;
}

/**
 * Define the table format for the Confirmed Contacts table.
 *
 * @author Pierre
 */

.tracking-table {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	/*font:  "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;*/
	border-collapse: collapse;
	width: 100%;
	border: none; /* added 05-may-2019 SLH */
}

.tracking-table td, .tracking-table th {
	border: 1px solid #ddd;
	border-collapse: collapse;
	padding: 6px;
	color: #333;
}

.tracking-table th {
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
	background-color: #585858;
	color: white;
	border-collapse: collapse;
}

.tracking-table tr.child{
	background-color: #3FF;
	border-collapse: collapse;
	padding: 0;
}

/* child rows */
.tracking-table.dtr-inline.collapsed > tbody > tr > td.child, 
.tracking-table.dtr-inline.collapsed > tbody > tr > th.child, 
.tracking-table.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
	border-collapse: collapse;
	background-color: #FFF;
	line-height: 1;
	/*font: 90%/1.45em "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;*/
	font:  "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
}

.tracking-table tr:nth-child(even){background-color: #f2f2f2;}

.tracking-table tr:hover {background-color: #ddd;}




/**
 * Customize the table format for the Log File Upload table.
 *
 * @author Pierre
 */

.ulog_table {
    border-collapse: collapse;
    width: 100%;
}

.ulog_table td, .uploadlog-table th {
    border: 1px solid #ddd;
    padding: 8px;
}

.ulog_table tr {
   background-color: #f2f2f2;
}

.ulog_table input:focus {
   background-color: #d9edf7;
}


/**
 * Customize the Responsive-theme's home menu.
 *
 * @author Sheldon Hartling
 */

/* Menu strip near top, make it a solid colour with no gradient-fill */
.menu {
	background-color: #585858;
	background-image: none;
}

/* Menu items, solid colour with no gradient fill, no text shadow, 1px border space to match hover */
.menu a {
	background-image: none;
	border: 1px solid #585858;
	text-shadow: none;
}

/* Menu items on hover, solid colour with no gradient fill, no text shadow, change border colour */
.menu a:hover {
	background-color: #686868;
	background-image: none;
	text-shadow: none;
	border: 1px solid #686868;
}

/* Menu item for current page, change the colour a little to make it noticible */
.menu .current_page_item a,
.menu .current-menu-item a {
	background-color: #606058;
}

/* Menu items for current selection, change background colour slightly*/
ul.menu > li:hover {
	background-color: #585858;
}

/* Border around drop-down child menu items, change colour */
.menu li li {
	border: 1px solid #686868;
}

/* Added for harmony with datatable/bootstrap frameworks */
.menu li li a {
	box-sizing: content-box;
}

/* Added for harmony with datatable/bootstrap frameworks */
#container {
	box-sizing: content-box;
}


/**
 * Gallery pictures:
 * Add boxes around the gallery pictures and increase the spacing a little.
 *
 * @author Sheldon Hartling
 *
 */

/* Put the pictures in boxes 155px x 165px */
.gallery .gallery-item {
    max-height: 165px;
    padding: 18px;
    border: 1px solid #e5e5e5;
}

/* Add thick boarder around the thumb-nail picture itself */
.gallery img {
	border: 5px solid #dddddd;
}

/* Add thick boarder around the thumb-nail picture used for next/previous navigation */
.attachment-thumbnail {
	border: 5px solid #dddddd;
}

/**
 * Style some message boxes for:
 *  info,
 *  success,
 *  warning,
 *  error.
 *
 * @author Sheldon Hartling
 *
 */


.isa_info, .isa_success, .isa_warning, .isa_error {
    margin: 10px 0;
    padding:12px;
    /*border-radius:.5em;*/
    border: 2px solid; 
}
.isa_info {
    color: #000000; /*#00529B;*/
    background-color: #BDE5F8;
}
.isa_success {
    color: #000000; /*#4F8A10;*/
    background-color: #DFF2BF;
}
.isa_warning {
    color: #000000; /*#9F6000;*/
   background-color: #FEEFB3;
}
.isa_error {
   color: #000000; /*#D8000C;*/
   background-color: #FFD2D2;
}

.isa_info hr, .isa_success hr, .isa_warning hr, .isa_error hr {
   margin: .3em 0;
   background: #000000; /*#D8000C;*/
}

.isa_info pre, .isa_success pre, .isa_warning pre, .isa_error pre {
   margin: 1em 0;
   padding: 0;
	color: #333;    
   background-color: transparent;
	font-size: 12px;
	line-height: 13px;
   box-shadow: 0 0;
   border: 0;
   /*border: 1px solid #f7c4c4;     */
   /*border-bottom-color: #f7c4c4;  */
}



.pre_cabrillo {
   width: 80%;
   padding: 1em;
   border: 1px dashed #2f6fab;
   color: black;
   background-color: #f9f9f9;
   line-height: 1.1em;
}

select:invalid { color: gray; }

/* Experimental, make drop-down menus dark */
/*

.menu li li {
   background-color: #686868;
}
.menu ul li a:hover,
.menu li li a:hover {
   color: #ffffff;
   font-size: 13px;
   font-weight: 700;
   background-color: #686868;
}
.menu ul li a,
.menu li li a {
   color: #ffffff;
   font-size: 13px;
   font-weight: 700;
   background-color: #686868;
}
*/


/**
 * Footer:
 * Re-style the footer.
 * Remove the border and background colour from the widget wrapper used in the footer.
 * The plan will be to have minimal-sized bare navigation menus in the footer.
 *
 * @author Sheldon Hartling
 *
 */

/*
#nav_menu-15 .widget-wrapper {
   background-color: #eeeeee;
   font-size: 12px;
   border: none;
}

#footer-wrapper .grid.col-940 {
   background-color: #eeeeee;
}

#footer ul li a {
   color: #000000;
   font-weight: 400;
}
*/


table.dataTable thead .sorting::after,
table.dataTable thead .sorting_asc::after {
    display:none;
}

table.dataTable thead .sorting_desc::after {
    display:none;
}

table.dataTable thead .sorting {
   background-image: url(DataTables/DataTables-1.10.18/images/sort_both.png);
   background-repeat: no-repeat;
   background-position: center right;
}

table.dataTable thead .sorting_asc {
   background-image: url(DataTables/DataTables-1.10.18/images/sort_asc.png);
   background-repeat: no-repeat;
   background-position: center right;
}

table.dataTable thead .sorting_desc {
   background-image: url(DataTables/DataTables-1.10.18/images/sort_desc.png);
   background-repeat: no-repeat;
   background-position: center right;
}


/**
 * FAQ accordian list.
 *
 * @author Sheldon Hartling
 *
 */

.faq-q {
	color: #66290a;
	font-weight: bold;
	margin: .25em 0 -.25em;
}
.faq-a {
	padding-left: 30px;	
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px;
	line-height: 1.42857143;
	color: #333;
}

#accordion p {
	margin: .75em 0;
}

#accordion li {
	margin-bottom: .25em;
}

#accordion ul {
	margin-top: -.5em;
}

#accordion .panel{
	border: none;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 15px;
	position: relative;
}
#accordion .panel:before{
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	border: 1px dashed #6e8898;
	position: absolute;
	top: 25px;
	left: 18px;
}
#accordion .panel:last-child:before{
	display: none; 
}
#accordion .panel-heading{
	padding: 0;
	border: none;
	border-radius: 0;
	position: relative;
}
#accordion .panel-title a.collapsed{
	background: #fff;
}
#accordion .panel-title a{
	display: block;
	padding: 10px 30px 10px 60px;
	margin: 0;
	background: #FFFFF5;
	font-size: 18px;
	font-weight: 700;
	/* kludge to get squares */
	/* line-height: .6em; */
	color: #1d3557;
	border-radius: 0;
	position: relative;
}
#accordion .panel-title a:before,
#accordion .panel-title a.collapsed:before{
	content: "\f107";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	width: 40px;
	height: 100%;
	line-height: 40px;
	background: #585858;
	border: 1px solid #585858;
	border-radius: 3px;
	font-size: 17px;
	color: #fff;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	transition: all 0.3s ease 0s;
}
#accordion .panel-title a.collapsed:before{
	content: "\f105";
	background: #fff;
	border: 1px solid #6e8898;
	color: #000;
}
#accordion .panel-body{
	padding: 10px 30px 10px 30px;
	margin-left: 40px;
	background: #fff;
	border-top: none;
	font-size: 15px;
	color: #6f6f6f;
	line-height: 28px;
}



/**
 * Make TablePress plug-in tables look more like the reset of the site.
 *
 * NOTE: You must also add "tracking-table" to the "Extra CSS Classes" 
 * for each TablePress table within TablePress itself.
 *
 * @author Sheldon Hartling
 */


#tablepress-1 th {
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
	background-color: #585858;
}
#tablepress-1 td, #tablepress-1 th {
	border: 1px solid #dddddd;
}

#tablepress-2 th {
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
	background-color: #585858;
}
#tablepress-2 td, #tablepress-2 th {
	border: 1px solid #dddddd;
}

#tablepress-3 th {
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
	background-color: #585858;
}
#tablepress-3 td, #tablepress-3 th {
	border: 1px solid #dddddd;
}