/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.

You're the boss, so have fun editing!

--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Global Styles
2.0 - Responsive media queries (mobile styles)
	2.1 - MAXIMUM width of 720 pixels (phones landscape)
	2.2 - MAXIMUM width of 380 pixels (phones portrait)
	2.3 - MINIMUM width of 721 pixels (tablets+)
	2.4 - MINIMUM width of 1040 pixels (desktops and laptops)
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 - Global Styles
--------------------------------------------------------------*/



/*
.just_an_example {
	color: black;
}
*/






/*--------------------------------------------------------------
2.0 - Responsive media queries (mobile styles)
--------------------------------------------------------------*/
/*--------------------------------------------------------------
2.1 - MAXIMUM width of 720 pixels (phones landscape)
--------------------------------------------------------------*/
@media screen and (max-width: 720px) {


	/*
	.just_an_example {
		color: black;
	}
	*/


}/* don't delete this closing bracket */





/*--------------------------------------------------------------
2.2 - MAXIMUM width of 380 pixels (phones portrait)
--------------------------------------------------------------*/
@media screen and (max-width: 380px) {


	/*
	.just_an_example {
		color: black;
	}
	*/



}/* don't delete this closing bracket */





/*--------------------------------------------------------------
2.3 - MINIMUM width of 721 pixels (tablets+)
--------------------------------------------------------------*/
@media screen and (min-width: 721px)  {


	/*
	.just_an_example {
		color: black;
	}
	*/


}/* don't delete this closing bracket */





/*--------------------------------------------------------------
2.4 - MINIMUM width of 1040 pixels (desktops and laptops)
--------------------------------------------------------------*/
@media screen and (min-width: 1040px)  {


	/*
	.just_an_example {
		color: black;
	}
	*/


}/* don't delete this closing bracket */











/* ********** */
/* page width */
/* ********** */
body:not(.page) #page,
body.page-template-page-login #page,
body.page-template-page-register #page{
	max-width:1200px;
	max-width:95%
}
/* ********** */
/* [end] page width */
/* ********** */
/* ******************** */
/* CSS HACK TO MAKE MAIN CONTENT COLUMN AND SIDEBARS COLUMNS TO LOOK GOOD IN DESKTOP AND IN MOBILE. */
/* we changed the layout in the theme files */
/* ******************** */
/* Left & Right Sidebars */
@media screen and (min-width: 700px) { 
.page-three-columns #primary{
	margin-left: 25%;
}
.page-three-columns .widget-area.left-widget-area{
	float: left;
	margin-left: -75%;
}
}
/* ******************** */
/* [END] CSS HACK TO MAKE MAIN CONTENT COLUMN AND SIDEBARS COLUMNS TO LOOK GOOD IN DESKTOP AND IN MOBILE. */
/* ******************** */






/* ******************* */
/* prevent text hyphen */
/* ******************* */
p,h1,h2,h3,h4,div,td,span{
	hyphens:none
}
/* ******************* */
/* [end] prevent text hyphen */
/* ******************* */
















/*
this is to improve seo, it displays site title as div in single views and h1 in others
this way there is only 1 h1 tag on the page
*/
.site-header .site-title {
    margin: 0 0 7px;
    font-size: 37px;
    letter-spacing: -1px;
}
.site-header .site-title a{
	color: #121212;
	font-size: 26px;
	text-transform: uppercase;
	font-weight: bold;
}
.site-header .site-title a:hover{
	text-decoration:none
}
/*
[end] this is to improve seo, it displays site title as div in single views and h1 in others
this way there is only 1 h1 tag on the page
*/
/*
	this is to improve seo
	we changed h1 for <div class="cust-h1"> so there is only 1 h1 per page, eliminating the need to use the mobile detection plugin
	we adjusted the styling of class .cust-h1 in the css file
*/
@media screen and (max-width: 720px) { 
#mobile-header div.cust-h1{
	text-align: center;
	color:#ffffff;
	font-size: 23px;
	line-height: 55px;
	font-weight: 600;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0 60px;
}
#mobile-header .mobile-site-title{
	color:#ffffff;
	font-size: 23px;
	line-height: 55px;
	font-weight: 600;
	white-space: nowrap;
}
#mobile-header .mobile-site-title:hover{
	text-decoration:none
}
}
/*
	[end] this is to improve seo
	we changed h1 for <div class="cust-h1"> so there is only 1 h1 per page, eliminating the need to use the mobile detection plugin
	we adjusted the styling of class .cust-h1 in the css file
*/










/* contact form */
.wpcf7-form input[type="text"], 
.wpcf7-form input[type="email"], 
.wpcf7-form input[type="password"], 
.wpcf7-form input[type="number"], 
.wpcf7-form textarea{
	border:1px solid #cccccc;
	background:#ffffff !important;
	color:#000000
}
.wpcf7-form textarea{
	width:100%
}
.wpcf7-submit{
	font-size:32px !important;
	padding:5px 20px !important;
	line-height:normal !important;
	text-transform:uppercase
}
/* [end] contact form */






















/* *************** */
/* counter wrapper */
/* *************** */
.visits-counter{
	display:block; 
	background:#121212; 
	font-size:11px;
	color:#ffffff; 
	padding:5px 5px; 
	width:50px; 
	text-align:center; 
	margin:30px 0 30px
}
/* *************** */
/* [end] counter wrapper */
/* *************** */















/* change theme fonts */
body, h1, h2, h3, h4, p, a{
	font-family:Arial, Helvetica, sans-serif !important
}
/* [end] change theme fonts */











/* header tweaks */
.header-inner{
	background-image:url(../custom/images/business-communication-videos-header.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	width:100%;
	max-width:100%;
	height:200px;
	padding-top:110px;
	box-sizing:border-box;
	padding-top:90px;
}



.site-name{
	width:100%;
	text-align:center
}
.site-header h1.site-title,
.site-header p.site-description{
	text-align:center;
}
.site-header h1.site-title a,
.site-header p.site-description{
	color:#121212
}
.site-header h1.site-title a{
	font-size:26px;
	text-transform:uppercase;
	font-weight:bold
}
.site-header p.site-description{
	width:600px;
	margin:auto;
	font-size:14px;
}
/* [end] header tweaks */















/* top archive pagination block */
#content > .pagination {
    border: 0px solid red;
	margin-bottom:20px;
}
#content > .pagination ~ .pagination {
    border: none;
}
/* [end] top archive pagination block */







/* mobile device top margin to the nav bar */
@media screen and (max-width: 380px) {

}
@media screen and (max-width: 720px) {
#content{
	padding-top:30px
}
}
@media screen and (min-width: 1040px)  {

}
/* [end] mobile device top margin to the nav bar */











/* center main menu */
@media screen and (min-width: 721px) {
nav .nav-inner{
	max-width:100%
}
nav .menu-main-nav-container > ul{
	display:inline-flex !important;
	width:auto !important
}
}
/* center main menu */













/* ************************************************************************************* */
/* fix for icons top right menu and footer caused for migration from font awesome 4 to 5 */
/* ************************************************************************************* */
.right-btn:before{ /* top right nav menu icon (hamburguer icon) */
	font-family:"Font Awesome 5 Solid";
	font-family:"Font Awesome 5 Pro";
	font-family:"Font Awesome 5 Free";
	content:"\f142";
	content:"\f0fe";
	content:"\f0c9";
  
	font-weight: 900; /*  Some icons in font awesome 5 not working without font-weight: 900; */
}

div.footer-inner ul.social-icons li span::before{
	font-family:"Font Awesome 5 Brands"; /* brands call a different font-family */  
	font-weight: 900; /*  Some icons in font awesome 5 not working without font-weight: 900; */
}
.link-facebook span::before{
	content: "\f39e"; /* fb */
}
.link-youtube span::before{
	content: "\f167"; /* yt */
}
.link-email span::before{
	font-family:"Font Awesome 5 Free" !important;
	content: "\f0e0"; /* yt */
}


span.comments-link:before{
	font-family:"Font Awesome 5 Free" !important;
	content: "\f0e5"; /* yt */
	font-weight: 900 !important; /*  Some icons in font awesome 5 not working without font-weight: 900; */
}
/* ************************************************************************************* */
/* [end] fix for icons top right menu and footer caused for migration from font awesome 4 to 5 */
/* ************************************************************************************* */











/* ************** */
/* learn more div */
/* ************** */
#open-cust-read-more{
	cursor:pointer
}
.cust-learn-more{
	border:0px solid red;
	width:1040px;
	max-width:100%;
	margin:auto;
	text-align:center;
	color:#121212;
	padding:20px;
	background:#7da7d9;
	background:#cdd6e8;
	margin-bottom:20px;
	box-sizing:border-box;
	display: none;
}
.cust-learn-more-close{
	text-align:right;
	margin-top:-20px;
	margin-right:-16px;
	color:#ffffff;
	cursor:pointer
}
/* ************** */
/* learn more div */
/* ************** */







/* custome list style */
ul.xoxo {
	list-style: none;
	padding: 0;
}
ul.xoxo li {
	padding-left: 1.3em;
}
ul.xoxo li:before {
	font-family: FontAwesome;
	font-family:"Font Awesome 5 Solid";
	font-family:"Font Awesome 5 Pro";
	font-family:"Font Awesome 5 Free";
	content: "\f14a"; /* FontAwesome Unicode */
	content: "\f058"; /* FontAwesome Unicode */
	content: "\f00c"; /* FontAwesome Unicode */
  
	font-weight: 900; /*  Some icons in font awesome 5 not working without font-weight: 900; */
  
	display: inline-block;
	margin-left: -1.3em; /* same as padding-left set on li */
	width: 1.3em; /* same as padding-left set on li */
	color:#424f79
}
/* [end] custome list style */





/* side bar column tweaks */
.sidebar-book-cover{
	margin-top:40px;
}
.sidebar-book-title{
	font-weight:bold
}

.aside-order-copy{
	color: #f88017;
}

aside #s{
	border:1px solid;
	background:#ffffff
}

/* [end] side bar column tweaks */











/* sb blocks: books and magazines */
.bchn-sb-book,
.bchn-sb-magazines{
	margin-top:35px;
	margin-bottom:10px;
}
.bchn-sb-magazines td:first-child{
	width:70px
}
.bchn-sb-book td:first-child{
	width:80px
}
.bchn-sb-book td,
.bchn-sb-magazines td{
	vertical-align:middle
}
/* [end] sb blocks: books and magazines */
















/* sb widget headers bg color */
aside h3{
	background:#6d8ead;
	color:#ffffff;
	padding:5px 10px !important;
	box-sizing:border-box;
	font-size:18px !important
}
/* [end] sb widget headers bg color */
/* sb widget links color */
aside.bchn-mobile-comm a{
	color:#121212
}
/* [end] sb widget links color */






























/* ******************** */
/* custom design blocks */
/* ******************** */
.cust-home-wrapper{
	box-sizing: border-box; 
	border:	0px solid red
}
.cust-home-wrapper div,
.cust-home-wrapper img{
	box-sizing:border-box !important;
}
.cust-home-sub-wrapper{
	overflow:hidden
	
}
.cust-block{
	border:0px solid blue;
	width:100%;
}
.cust-block-1-1{
	width:100%;
}
.cust-block-1-2{
	width:50%;
}
.cust-block-1-3{
	width:33.33%;
}
.cust-block-2-3{
	width:66.66%;
}
.cust-block-1-4{
	width:25%;
}
.cust-block-2-4{
	width:50%;
}
.cust-block-3-4{
	width:75%;
}
.cust-block,
.cust-block-1-1,
.cust-block-1-2,
.cust-block-1-3,
.cust-block-2-3,
.cust-block-1-4,
.cust-block-2-4,
.cust-block-3-4{
	float:left;
	box-sizing: border-box;
}
@media screen and (max-width: 380px) {
.cust-block-1-2{
	width:100%;
}
.cust-block-1-3{
	width:100%;
}
.cust-block-2-3{
	width:100%;
}
.cust-block-1-4{
	width:100%;
}
.cust-block-2-4{
	width:100%;
}
.cust-block-3-4{
	width:100%;
}
}
@media screen and (min-width: 381px) and (max-width: 720px)  {
.cust-block-1-2{
	width:50%;
}
.cust-block-1-3{
	width:100%;
}
.cust-block-2-3{
	width:100%;
}
.cust-block-1-4{
	width:100%;
}
.cust-block-2-4{
	width:100%;
}
.cust-block-3-4{
	width:100%;
}
}

.cust-block img{
	max-width:100%;
}
/* ******************** */
/* [end] custom design blocks */
/* ******************** */











/* ******************* */
/* ANNOUNCEMENTS */
/* ******************* */
.cust-announcement{
	overflow:hidden;
	display: table;
}
.cust-announcement div{
	box-sizing:border-box
}
.cust-announcement-icon{
	width:10%;
    display: table-cell;
   /*vertical-align: middle;*/
}
.cust-announcement-icon i{
}
.cust-announcement-text{
	width:90%;
    display: table-cell;
    vertical-align: middle;
}
/* ******************* */
/* [END] ANNOUNCEMENTS */
/* ******************* */











.txt-books-wrapper{
	margin-bottom:20px;
}
.txt-top-msg{
	text-align:center;
	font-size:24px;
	line-height:normal;
	font-weight:bold;
	margin-bottom:25px;
	color:blue;
	color:#005db0
}
.txt-books{
	overflow:hidden;
}
.txt-books div{
	line-height:normal;
}
.txt-book > div{
	margin-bottom:20px;
}
.txt-book{
	padding:20px;
}
.txt-book-cover{
	text-align:center
}
.txt-book-title{
	font-size:16px;
	text-align:center;
	font-weight:bold;
	margin-bottom:5px !important
}
.txt-book-subtitle{
	font-size:14px;
	text-align:center;
	/*font-style:italic*/
}
.txt-book-seal{
	background-color:#ffffff;
	padding:5px;
	border-radius:3px;
	border:1px solid #efefef;
}
.txt-book-seal-img{
	text-align:center
}
.txt-book-seal-img img{
	margin:0 !important;
	float:none !important
}
.txt-book-seal-desc{
	padding-top:15px
}
.txt-book-links{
	text-align:center
}
.txt-book-links a{
	font-weight:bold
}
.txt-book-avail{
	background-color:#ffffff;
	padding:15px;
	border-radius:3px;
	border:1px solid #efefef;
}
.txt-book-avail .cust-announcement-icon i{
	font-size:34px;
	color:green;
	color:#0eb40e;
}
.txt-book-avail .cust-announcement-text{
	padding-left:10px;
}
.fa.fa-check{
	color:green;
	color:#0eb40e;
}



.txt-useful-links-wrapper{
	margin-bottom:60px;
	padding:20px;
}
.txt-useful-links-wrapper ul a{
	font-weight:bold
}



.txt-order-book-wrapper{
	margin-bottom:50px
}
.txt-order-book{
	padding:15px;
}
.txt-order-book .cust-announcement{
	background-color:#ffffff;
	padding:15px;
	border-radius:3px;
	border:1px solid #efefef;
}
.txt-order-book .cust-announcement-icon i{
	font-size:34px;
	color:green;
	color:#0eb40e;
}
.txt-order-book .cust-announcement-text{
	padding-left:10px;
}

.us-books-available-in-canada{
	margin:30px auto;
	background:green;
	background:#0eb40e;
	color:#ffffff;
	width:350px;
	text-align:center;
	padding:10px 15px;
	font-size:18px;
	line-height:normal;
}











/* Use the following CSS code if you want to have a class per icon */
ul.txt-useful-links{ 
	padding-left:20px; 
	list-style:none; 
}
ul.txt-useful-links li{
	margin-bottom:10px; 
}
ul.txt-useful-links li:before{  
/*  
    font-family: 'Font Awesome 5 Free';
    content: '\f00c';
    content: '\f067';
    content: '\f0fe';
	*/
    margin:0 5px 0 -20px;
	color:green;
	color:#0eb40e;
}














.widget.blogs-and-memberships p img{
	width:125px
}