/*
Theme Name: Frederic Patenaude
Description: This is a custom theme for Frederic Patenaude
Author: KillerCovers
Author URI: http://killercovers.com
Version: 3.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ibtheme

1. IMPORT FONTS
2. BASIC PAGE SETUP
3. MAIN LAYOUT
4. HEADER
5. MAIN NAVIGATION
6. CONTENT
7. SIDEBARS
8. FOOTER
9. GENERIC STYLES
10. TYPOGRAPHY
11. HEADINGS
12. LINKS
13. TABLES
14. FORMS
15. BUTTONS
16. LISTS
17. COMMENTS
18. GLOBAL OBJECTS
19. VENDOR-SPECIFIC
*/

/*  1. IMPORT FONTS  ============================================================================= */


@import url('https://fonts.googleapis.com/css?family=Poppins:400,400i,600,600i|Rubik:400,500');


/* 2. BASIC PAGE SETUP ============================================================================= */

* { margin: 0; padding: 0; }

body {
	background: #fff;
	font-size: 17px;
	line-height: 1.5;
	color: #333;
	font-family: 'Poppins', arial, helvetica, sans-serif;
}

body.custom-background {
	background: #fff !important;
}

/* 3. MAIN LAYOUT =============================================================================  */

#container {

}

#header {
	max-width: 1450px;
	margin: 0 auto;
}
#content, nav, #footer, .container {
	max-width: 1200px;
	margin: 0 auto;
}

.vc_container-block.vc_col-sm-12,
.vc_column_container > .vc_column-inner {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	float: none;
}

#wrapper {

}

.wrapper {
	padding: 10px 0px;
}

body.page-template-template_full-width #main-menu  {

}

/* Homepage */

#opt-header-1 {
	background-image: url(images/optin_bg_1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	color: #051B26;
	padding: 60px 0px;
}

#opt-header-1 .opt-left {
	text-align: right;
}

#opt-header-1 .opt-right {
	text-align: left;
}

#opt-header-1 h4 {
	font-size: 35px;
	font-weight: 600;
}

#opt-header-1 h5 {
	font-size: 25px;
	color: #fff;
	text-shadow: 1px 1px 1px #BABABA;
	font-weight: 400;
}

#opt-header-1 h6 {
	font-size: 36px;
	font-weight: 600;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 20px;
}

#opt-header-1 span.arrow {
	display: inline-block;
	padding: 20px 20px 0px 0px;
}

#opt-header-1 a.btn-take-quiz {
	background: url(images/btn-quiz-bg.png) no-repeat;
	width: 291px;
	height: 85px;
	text-align: center;
	color: #fff;
	font-size: 30px;
	text-shadow: 1px 1px 1px #BABABA;
	display: inline-block;
	line-height: 85px;
}

#opt-header-1 a.btn-take-quiz:hover {
	background: url(images/btn-quiz-bg-hover.png) no-repeat;
}

#opt-header-2 {
	background: #60C6EE url(images/optin_bg.jpg) repeat-x;
	padding: 80px 0px;
	margin-bottom: 50px;
}

#opt-header-2 .opt-left {
	text-align: left;
}

#opt-header-2 .opt-right {
	text-align: left;
}

#opt-header-2 h4 {
	font-size: 30px;
	font-weight: 600;
}

#opt-header-2 p {
	color: #fff;
	font-size: 20px;
}

#opt-header-2 .opt-email input{
	background: #AFDFF1;
	font-size: 20px;
	color: #fff;
	border: 1px solid #AFDFF1;
	width: 100%;
	max-width: 506px;
	padding: 10px 20px 10px 40px;
	margin-bottom: 10px;
}

input[type="text"],
input[type="email"] {
	background: #FFF;
	font-size: 20px;
	color: #333;
	border: 1px solid #fff;
	width: 100%;
	max-width: 506px;
	padding: 10px 20px 10px 20px !important;
	margin-bottom: 10px;
}

/* Single Blog Pages */

#opt-header-1-single {
	background-image: url(images/optin_bg_1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	color: #051B26;
	padding: 20px 0px;
}

#opt-header-1-single .opt-left {
	text-align: right;
}

#opt-header-1-single .opt-right {
	text-align: left;
}

#opt-header-1-single h4 {
	font-size: 35px;
	font-weight: 600;
}

#opt-header-1-single h5 {
	font-size: 25px;
	color: #fff;
	text-shadow: 1px 1px 1px #BABABA;
	font-weight: 400;
}

#opt-header-1-single h6 {
	font-size: 36px;
	font-weight: 600;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}

#opt-header-1-single span.arrow {
	display: inline-block;
	padding: 20px 20px 0px 0px;
}

#opt-header-1-single a.btn-take-quiz {
	background: url(images/btn-quiz-bg.png) no-repeat;
	width: 291px;
	height: 85px;
	text-align: center;
	color: #fff;
	font-size: 30px;
	text-shadow: 1px 1px 1px #BABABA;
	display: inline-block;
	line-height: 85px;
}

#opt-header-1-single a.btn-take-quiz:hover {
	background: url(images/btn-quiz-bg-hover.png) no-repeat;
}

/* 4. HEADER =============================================================================  */

header {
	line-height: 0px;
	background: #ECECEC;
	border-bottom: 3px solid #A7D1F1;
}

#header {
	padding: 20px;
}

#header .site-title {
	text-align: left;
	padding: 0px;
	display: block;
}

#header .site-description {
	text-align: left;
	font-size: 16px;
	display: block;
}

#header .site-logo {
	padding: 10px 0px 0px 0px;
}

#header-widgets {
	text-align: right;
}


#header-widgets #searchform {
    position: absolute;
    right: 0px;
    top: 0px;
}

#header-widgets #searchinput {
    background-color: transparent;
    background-image: url(images/icon_search.png);
    background-position: 5px center;
    background-repeat: no-repeat;
    background-size: 45px 45px;
    border: none;
    cursor: pointer;
    height: 45px;
    margin: 0;
    padding: 0 0 0 50px;
    position: relative;
    -webkit-transition: width 400ms ease, background 400ms ease;
    transition:         width 400ms ease, background 400ms ease;
    width: 0;
}

#header-widgets #searchinput:focus {
    background-color: #fff;
    border: 2px solid #ccc;
    cursor: text;
    outline: 0;
    width: 400px !important;
	padding: 10px;
	background-image: none;
}
#header-widgets #searchform #searchsubmit {
display:none;
}

#header-widgets .widget_custom_html {
	padding-right: 40px;
}

div.rsbanner {

padding: 10px 30px 10px 30px;

}

/* Languages Header */

#languages-header {
	background-image: url(images/languages-header.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	color: #051B26;
	padding: 0px 0px 30px 0px;
}

#languages-header h6 {
	padding-top: 60px;	
}

/* 5. MAIN NAVIGATION =============================================================================  */

#main-menu {
	padding: 5px 0px 0px 0px;
}

.navbar-left {
    float: none !important;
}

.navbar {
	border-radius: 0px;
	margin-bottom: 0px;
}

.navbar > .container {
	background-color: #D2D4D5;
}

.navbar .navbar-text {
	color: #333333;
}

.navbar .navbar-nav > li {
	margin-bottom: 0px;
}

.navbar-nav > li > a {
	outline: none;
}

.navbar .navbar-nav > li > a {
	color: #333333;
	text-shadow: 0px 0px 0px #000 !important;
}

.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus {
	background-color: #D2D4D5;
}
.navbar .navbar-nav > li > .dropdown-menu {
	background-color: #D2D4D5;
}
.navbar .navbar-nav > li > .dropdown-menu > li > a {
	color: #333333;
}
.navbar .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar .navbar-nav > li > .dropdown-menu > li > a:focus {
	color: #333333;
	background: #D2D4D5;
}
.navbar .navbar-nav > li > .dropdown-menu > li > .divider {
	background-color: #D2D4D5;
}
.navbar .navbar-nav > .active > a,
.navbar .navbar-nav > .active > a:hover,
.navbar .navbar-nav > .active > a:focus {
	color: #333333;
	background: #D2D4D5;
}
.navbar .navbar-nav > .open > a,
.navbar .navbar-nav > .open > a:hover,
.navbar .navbar-nav > .open > a:focus {
	color: #333333;
	background: #D2D4D5;
}
.navbar .navbar-nav > li > .dropdown-menu > .active > a,
.navbar .navbar-nav > li > .dropdown-menu > .active > a:hover,
.navbar .navbar-nav > li > .dropdown-menu > .active > a:focus {
	color: #333333;
	background: #D2D4D5;
}
.navbar .navbar-toggle {
	border-color: #D2D4D5;
}
.navbar .navbar-toggle:hover,
.navbar .navbar-toggle:focus {
	background-color: #D2D4D5;
}
.navbar .navbar-toggle .icon-bar {
	background-color: #333333;
}

.navbar .navbar-collapse {
	padding: 0px;
}
.navbar .navbar-collapse,
.navbar .navbar-form {
	border-color: #333333;
}
.navbar .navbar-link {
	color: #333333;
}
.navbar .navbar-link:hover {
	color: #333333;
}

.navbar .navbar-nav li.current-menu-item > a,
.navbar .navbar-nav li.current_page_item > a,
.navbar .navbar-nav > .active > a {
	color: #333333;
}


/* 6. CONTENT =============================================================================  */

#wrap {
	background: #fff;
}
#content .wrapper {
	padding: 20px 0px;
}

body.blog #content,
body.single #content,
body.search #content,
body.archive #content,
body.category #content {
	padding: 60px 20px 40px 20px !important;
}

#vctemplate {

}

#vctemplate #wrap,
#vctemplate #content,
#vctemplate #content .wrapper {
	padding: 0px 5px !important;
}

.vc_row {
	margin-left: 0px !important;
	margin-right: 0px !important;
}


/* WooCommerce */

.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
	width: 100% !important;
}

.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
	width: 100% !important;
}

.woocommerce div.product {
	padding-top: 30px;
}

.woocommerce-MyAccount-navigation ul {
	margin-left: 20px;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
	padding: 5px 10px;
	min-height: 40px;
}

/* Blog */

body.blog #content {
	padding-top: 20px;
}


body.single .wrapper {
	padding: 0px !important;
}
body.single .entry-header {
	background: #F6F6F6;
	padding: 50px 20px;
}

body.single .entry-header h1 {
	font-size: 40px;
	font-weight: 600;
	margin: 0px;
}

body.single .entry-content {
	padding: 20px 15% 0 15%;
}

.featured-section-one h2 {
	text-align: center;
	margin-bottom: 50px;
}

.featured-section-one h2 span {
	border-bottom: 1px solid #E2E2E2;
	padding: 20px 20px 10px 20px;
	display: inline-block;
}

body.archive #content h2,
body.category #content h2 {
	margin-bottom: 50px;
}

body.archive #content h2 span,
body.category #content h2 span {
	border-bottom: 1px solid #ccc;
	display: inline-block;
}

/* 7. SIDEBARS =============================================================================  */

/* Sidebar Right */

#sidebar-right .wrapper  {
	padding-top: 30px;
}

#sidebar-left .wrapper  {
	padding-top: 30px;
}

#sidebar-left .widget,
#sidebar-right .widget {
	margin-bottom: 30px;
	line-height: 1.3em;
}

#sidebar-right h2,
#sidebar-left h2 {
	font-size: 18px;
	font-weight: 400;
	border-bottom: 1px solid #eee;
	margin-bottom: 0px;
	padding-bottom: 5px;
}

#sidebar-right .widget h2,
#sidebar-left .widget h2 {
	margin-bottom: 10px;
}

#sidebar-right ul,
#sidebar-left ul {
	margin: 0px 0px 0px 20px;
	padding: 0px;
}

#sidebar-right ul li,
#sidebar-left ul li {
	font-size: 14px;
	line-height: 1.3em;
	margin-bottom: 5px;
	display: block;
}

#sidebar-right ul li:before {
    content: "\f054";
    font-family: 'FontAwesome';
    font-size: 11px;
    float: left;
    margin-top: 4px;
    margin-left: -17px;
    color:  #8C8B8B;
}

/* 8. FOOTER =============================================================================  */

footer {

}

#footer-1 {
	padding: 30px 10px 20px 10px;
	background: #ECECEC;
	color: #B9B1B1;
	font-size: 10px;
}

#footer-1 a {
	color: #B9B1B1;
}

#footer-menu {
	text-align: left;
}

#footer-menu ul {
	margin: 0;
}

#footer-menu li {
	list-style: none;
	display: inline;
	padding: 0 10px;
	text-align: center;
	border-right: 1px solid #B9B1B1;
}

#footer-menu li:last-child {
	border-right: none;
}

#footer-menu li a {
	text-decoration: none;
}

#copyright {
	text-align: right;
}

#footer-2 {
	padding: 50px 10px;
	background: #D2D4D5;
	color: #333;
	font-size: 15px;
}

#footer-logo {
	text-align: center;
}

/*  9. GENERIC STYLES  ============================================================================= */

.parallax-window {
	min-height: 200px;
	background: transparent;
}

img {
	border : 0;
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

.content {
	padding-top: 20px;
}

#searchsubmit {
	background: #D2D4D5;
	color: #fff;
	padding: 5px 20px;
	border: none;
	position: relative;
	top: 2px;
}

.widget_search #searchinput {
	max-width: 155px;
}

.spacer {
	border-bottom: 1px dashed #eee;
	margin: 20px auto 0px auto;
}

.screen-reader-text {
	position: absolute;
	left: -9999px;
	top: -9999px;
}

blockquote {
	border: 1px dashed #e3e3e3;
	background: #F8F8F8;
	padding: 20px;
	margin: 20px auto;
	font-size: 19px;
}

.aligncenter {
	text-align: center;
}

.alignleft {
	position: relative;
	float: left;
	padding-right: 10px;
}

.alignright {
	position: relative;
	float: right;
	padding-left: 10px;
}

.pad-left-20 {
	padding-left: 20px;
}

.pad-right-20 {
	padding-right: 20px;
}

.pad-top-20 {
	padding-top: 20px;
}

.pad-btm-20 {
	padding-bottom: 20px;
}

.pad-left-40 {
	padding-left: 40px;
}

.pad-right-40 {
	padding-right: 40px;
}

.pad-top-40 {
	padding-top: 40px;
}

.pad-btm-40 {
	padding-bottom: 40px;
}

pre, code {
  font-family: 'DejaVu Sans Mono', Menlo, Consolas, monospace;
}

.clear { clear: both; }

.wp-caption { }
.wp-caption-text { }
.sticky { }
.gallery-caption { }

/* Responsive Videos */

.vidwrap {
	width: 100%;
	max-width: 750px;
	margin: 20px auto;	
}

.videowrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0px;
	height: 0;
}

.videowrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Blog */

.blog-item {

}

.blog-item-thumb {
	text-align: center;
	border-bottom: 3px solid #DD4739;
	height: 250px;
	overflow: hidden;
	border-radius: 10px 10px 0px 0px;
}


.blog-item-title h3 {
	margin-bottom: 0px;
	font-size: 20px;
	color: #061B26;
}

.blog-item-content {
	color: #365168;
	font-size: 16px;
}

.blog-item-title,
.blog-item-content,
.blog-item-footer {
	padding: 10px;
}

.blog-item-meta .postmeta {
	padding: 10px;
}

article.post .postmeta {
	margin-bottom: 20px;
}

.postmeta {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	color: #666666;
	padding: 5px 0px;
	font-size: 0.8em;
}

.postmeta ul {
	margin: 0px !important;
	padding: 0px !important;
}

.postmeta li {
	display: inline-block !important;
	padding: 0px 0.5em;
	margin-bottom: 0px;
}

.postmeta li .icon-calendar,
.postmeta li .icon-user,
.postmeta li .icon-comments {
	position: relative;
	margin-right: 5px;
}

.postmeta li .icon-social {
	position: relative;
	top: 3px;
}

.postmeta .alignright li {
	margin: 0px 0px 0px 5px;
	padding: 0px;
}

.postmeta li.share {
	position: relative;
	top: -3px;
}

.postmeta a {
	color: #666666;
	outline: none;
}

.postmeta-comments {
	color: #333;
	font-size: 13px;
}

.postmeta-comments a {
	color: #333;
	font-weight: bold;
}

.readmore {
	text-align: center;
	margin-bottom: 10px;
}

.btn-outline-secondary {
	border-color: #EEEDED !important;
	color: #061B26;
}

.btn-outline-secondary:hover {
	background: #dd4739;
	border-color: #dd4739;
	color: #fff;
}

/* Related Posts */

.yarpp-related {
	padding: 30px 0px !important;
}
.yarpp-related h3 {
	font-size: 28px !important;
	border-bottom: 1px solid #e2e2e2;
	padding: 20px 20px 0px 0px;

}

a.yarpp-thumbnail {
	border: none !important;
	min-height: 190px !important;
	height: auto !important;
	width: 100% !important;
	max-width: 22% !important;
	margin: 10px !important;
}

.yarpp-thumbnail > img, .yarpp-thumbnail-default {
	min-height: 190px !important;
	height: auto !important;
	width: 100% !important;
	max-width: 250px !important;
}

.yarpp-thumbnail-default img {
	border-bottom: 3px solid #dd4739;
	border-radius: 10px 10px 0 0;
}


.yarpp-thumbnail-title {
	width: 100% !important;
	color: #333  !important;
	font-size: 18px !important;
	overflow: visible !important;
}

/* Pagination */

#pagination {
	margin: 20px auto;
	text-align: center;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	background-color: #337ab7;
	border-color: #337ab7;
	color: #fff;
	cursor: default;
	z-index: 2;
}

.pagination > li > a,
.pagination > li > span {
	background-color: #fff;
	border: 1px solid #ddd;
	color: #337ab7;
	float: left;
	line-height: 1.42857;
	margin-left: -1px;
	padding: 6px 12px;
	position: relative;
	text-decoration: none;
}


/*  10. TYPOGRAPHY  ============================================================================= */

p,
dl,
hr,
ol,
ul,
pre,
table,
address,
fieldset,
figure {
  margin-bottom: 20px;
}

p { margin: 0 0 15px 0; }
p:empty { display: none; }

.red, a.red { color: #BE0712; }
.grey, a.grey { color: #595959; }
.blue, a.blue { color: #004DC5;}
.green, a.green { color: green; }
.black, a.black { color: #000;}
.white, a.white { color: #fff;}
.purple, a.purple { color: #B200B2;	}

.highlight { background: #FFFF00; }
.bold { font-weight: bold; }
.italic { font-style: italic; }

.font8 { font-size: 8px !important; }
.font9 { font-size: 9px !important; }
.font10 { font-size: 10px !important; }
.font11 { font-size: 11px !important; }
.font12 { font-size: 12px !important; }
.font13 { font-size: 13px !important; }
.font14 { font-size: 14px !important; }
.font15 { font-size: 15px !important; }
.font16 { font-size: 16px !important; }
.font17 { font-size: 17px !important; }
.font18 { font-size: 18px !important; }
.font19 { font-size: 19px !important; }
.font20 { font-size: 20px !important; }
.font21 { font-size: 21px !important; }
.font22 { font-size: 22px !important; }
.font23 { font-size: 23px !important; }
.font24 { font-size: 24px !important; }
.font25 { font-size: 25px !important; }
.font26 { font-size: 26px !important; }
.font27 { font-size: 27px !important; }
.font28 { font-size: 28px !important; }
.font29 { font-size: 29px !important; }
.font30 { font-size: 30px !important; }
.font31 { font-size: 31px !important; }
.font32 { font-size: 32px !important; }
.font33 { font-size: 33px !important; }
.font34 { font-size: 34px !important; }
.font35 { font-size: 35px !important; }
.font36 { font-size: 36px !important; }
.font37 { font-size: 37px !important; }
.font38 { font-size: 38px !important; }
.font39 { font-size: 39px !important; }
.font40 { font-size: 40px !important; }
.font41 { font-size: 41px !important; }
.font42 { font-size: 42px !important; }
.font43 { font-size: 43px !important; }
.font44 { font-size: 44px !important; }
.font45 { font-size: 45px !important; }
.font46 { font-size: 46px !important; }
.font47 { font-size: 47px !important; }
.font48 { font-size: 48px !important; }
.font49 { font-size: 49px !important; }
.font50 { font-size: 50px !important; }

.tahoma { font-family: tahoma, sans-serif; }
.impact { font-family: impact, sans-serif; }
.helvetica { font-family: helvetica, sans-serif; }


/*  11. HEADINGS  ============================================================================= */

h1, h2, h3, h4, h5, h6 {
	margin: 0px 0px 15px 0px;
	font-weight: 600;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color: #333;
	text-decoration: none;
}

h1 {
	font-size: 32px;
}

h2 {
	font-size: 28px;
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 22px;
}

h5 {
	font-size: 18px;
	font-weight: bold;
}

h6 {
	font-size: 16px;
	font-weight: bold;
}

/* 12. LINKS =============================================================================  */

a {
	color : #5A8ED4;
	text-decoration: none;
	outline: none;
}

a:visited {
}

a:focus,
a:hover,
a:active {
	text-decoration: none;
	outline: none;
}

/* 13. TABLES ============================================================================= */


/* 14. FORMS ============================================================================= */


/*  15. BUTTONS  ============================================================================= */


/*  16. LISTS  ============================================================================= */

ul, ol {
	margin-left: 40px;
}

ul li, ol li {
	margin-bottom: 10px;
}

ul.tick li {
    display: block;
}

ul.tick li:before {
    content: "\e013";
    font-family: 'Glyphicons Halflings';
    font-size: 11px;
    float: left;
    margin-top: 4px;
    margin-left: -17px;
}

/* 17. COMMENTS =============================================================================  */

footer.comment-meta {
	background: transparent;
}
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

.comments-area {
  max-width: 747px;
  margin: 40px 0;
}

.comments-title,
.comment-list,
.comment-reply-title,
.must-log-in,
.comment-respond .comment-form,
.comment-respond iframe {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.sidebar .comments-title,
.sidebar .comment-list,
.sidebar .must-log-in,
.sidebar .comment-reply-title,
.sidebar .comment-navigation,
.sidebar .comment-respond .comment-form {
  max-width: 1040px;
  padding-left: 60px;
  padding-right: 376px;
}

.comments-title {
  margin: 20px 0;
}

.comment-list,
.comment-list .children {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.comment-list .children {
  margin: 0 0 0 40px;
}

.comment-list > li:after,
.comment-list .children > li:before {
  background: url(images/dotted-line.png) repeat left top;
  background-size: 4px 4px;
  content: "";
  display: block;
  height: 1px;
  width: 100%;
}

.comment-list > li:last-child:after {
  display: none;
}

.comment-body {
  padding: 24px 0;
  position: relative;
  clear: both;
  overflow: hidden;
  border-bottom: 1px solid #E7E7E7;
}

.comment-author .avatar {
  display: block;
  float: left;
  margin: 0 20px 20px 0;
  width: 50px;
  height: 50px;
}

.comment-author .fn {
  word-wrap: break-word;
}

.comment-author .fn,
.comment-author .url,
.comment-reply-link,
.comment-reply-login {
  color: #fa5742;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
}

.says {
  display: none;
}

.no-avatars .comment-author {
  margin: 0 0 5px;
  max-width: 100%;
  position: relative;
}

.no-avatars .comment-metadata,
.no-avatars .comment-content,
.no-avatars .comment-list .reply {
  width: 100%;
}

.comment-list .edit-link {
  margin-left: 20px;
}

.comment-metadata,
.comment-awaiting-moderation,
.comment-content,
.comment-list .reply {
  margin: 10px 0;
}

.comment-meta,
.comment-meta a {
  color: #a2a2a2;
  font-size: 13px;
}

.comment-meta a:hover {
  color: #555555;
}

.comment-metadata {
  margin-bottom: 20px;
}

.ping-meta {
  color: #a2a2a2;
  font-size: 13px;
  line-height: 2;
}

.comment-awaiting-moderation {
  color: #a2a2a2;
}

.comment-awaiting-moderation:before {
  content: "\f021";
  margin-right: 10px;
  display: inline-block;
  font-family: FontAwesome;
  font-weight: normal;
}

.comment-reply-link:before,
.comment-reply-login:before {
  content: "\f122";
  margin-right: 10px;
  display: inline-block;
  font-family: FontAwesome;
  font-weight: normal;
}

/* Comment form */
.comment-respond {
  background-color: #f5f5f5;
  padding: 40px;
  margin: 30px 0;
  max-width: 747px;
}

.comment .comment-respond {
  margin-bottom: 20px;
  padding: 20px;
}

.comment-reply-title small a {
  color: #131310;
  display: inline-block;
  float: right;
  height: 20px;
  overflow: hidden;
  width: 20px;
}

.comment-reply-title small a:hover {
  color: #ed331c;
  text-decoration: none;
}

.comment-reply-title small a:before {
  content: "\f05c";
  display: inline-block;
  font-family: FontAwesome;
  font-size: 20px;
  font-weight: normal;
}

.sidebar .comment-list .comment-reply-title,
.sidebar .comment-list .comment-respond .comment-form {
  padding: 0;
}

.comment-form .comment-notes {
  margin-bottom: 15px;
}

.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url {
  margin-bottom: 30px;
}

.comment-form [for="author"],
.comment-form [for="email"],
.comment-form [for="url"],
.comment-form [for="comment"] {
  float: left;
  padding: 10px 0;
  width: 100px;
}

.comment-form .required {
  color: #FF8778;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
  max-width: 300px;
  width: 60%;
}

.comment-form textarea {
  width: 100%;
}

.form-allowed-tags,
.form-allowed-tags code {
  color: #686758;
  font-size: 14px;
}

.form-allowed-tags code {
  font-size: 10px;
  margin-left: 3px;
  white-space: pre-wrap;
}

.comment-list .pingback,
.comment-list .trackback {
  padding-top: 24px;
}

.comment-navigation {
  border-bottom: 1px solid #E7E7E7;
  font-size: 20px;
  font-style: italic;
  font-weight: 300;
  margin: 0 auto;
  max-width: 747px;
  padding: 20px 0;
  width: 100%;
}

.no-comments {
  background-color: #eeeeee;
  font-size: 20px;
  font-style: italic;
  font-weight: 300;
  margin: 0;
  padding: 10px 0;
  text-align: center;
}

.sidebar .no-comments {
  padding-left: 60px;
  padding-right: 376px;
}

.comment-reply-title {
  margin-top: 0;
}

/*  18. GLOBAL OBJECTS ============================================================================= */

.breaker { clear: both; }

.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}


/* 19. VENDOR-SPECIFIC ============================================================================= */

/* Change bootstrap navigation breakpoint */
@media (max-width: 991px) {
	.navbar-header {
		float: none;
	}
	.navbar-toggle {
		display: block;
	}

	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-collapse.collapse {
		display: none!important;
	}
	.navbar-nav {
		float: none!important;
		margin: 7.5px 5px;
	}
	.navbar-nav>li {
		float: none;
	}
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.navbar-text {
		float: none;
		margin: 15px 0;
	}
	/* since 3.1.0 */
	.navbar-collapse.collapse.in {
		display: block!important;
	}
	.collapsing {
		overflow: hidden!important;
	}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) and (max-width: 1023px) {

	#main-menu .navbar-right {
		margin-right: 0px !important;
	}

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) and (max-width: 991px)  {

	.parallax-window {
		display: none !important;
		min-height:0px;
	}

	.post-thumb {
	    float: none !important;
	    padding: 20px 0px 10px 0px !important;
	    text-align: left !important;
	    position: relative;
	}

	.alignleft, .alignright {
		float: none !important;
		text-align: center;
		margin: 20px;
		display: block;
	}

	#main-menu {
		padding: 10px 0px !important;
	}

}

/* the glitchy in-between ipad/desktop */
@media only screen and (min-width : 1201px) and (max-width: 1400px)  {



}

/* Tablet Landscape */
@media (max-width: 1200px) {

	#wrap {
		width: 100%;
	}

	#content .wrapper {
		padding: 10px 0px;
	}

	#content, #footer, .container, .container-fluid {
		width: 100%;
		margin: 0px auto;
	}

	.blog-item-thumb {
		max-height: 250px !important;;
		height: 100% !important;
	}

}

/* Tablet Portrait */
@media (max-width: 1023px) {

	#footer-menu {
		text-align: center;
	}

	#copyright {
		text-align: center;
		padding-top: 10px;
	}

	#opt-header-1 .opt-left,
	#opt-header-1 .opt-right {
		text-align: center;
	}

	a.yarpp-thumbnail {
		max-width: 45% !important;
	}

	.yarpp-thumbnail > img, .yarpp-thumbnail-default {
		max-width: 500px !important;
	}
	
	

}

/* IPHONE LANDSCAPE */
/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) and (max-width: 767px) {

	.parallax-window {
		display: none !important;
		min-height:0px;
	}

	.navbar .navbar-collapse {
		padding: 10px 30px;
	}

	#footer #copyright,
	#footer #footer-menu {
		width: 100%;
		padding: 5px 20px;
		text-align: center;
	}

	#header-widgets {
		text-align: left !important;
	}

	#main-menu {
		padding: 10px 0px !important;
	}

	#footer-menu {
		text-align: center;
	}

	#copyright {
		text-align: center;
		padding-top: 10px;
	}

	a.yarpp-thumbnail {
		max-width: 90% !important;
	}

	.yarpp-thumbnail > img, .yarpp-thumbnail-default {
		max-width: 550px !important;
	}
	body.single .entry-content {
		padding: 20px 5% 0 5%;
	}

}

/* IPHONE PORTRAIT */
/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) and (max-width: 479px) {

	.parallax-window {
		display: none !important;
		min-height:0px;
	}

	.navbar .navbar-collapse {
		padding: 10px 30px;
	}

	#footer #copyright,
	#footer #footer-menu {
		width: 100%;
		padding: 5px 20px;
		text-align: center;
	}

	#header-widgets {
		text-align: left !important;
	}

	#main-menu {
		padding: 10px 0px !important;
	}

	#footer-menu {
		text-align: center;
	}

	#copyright {
		text-align: center;
		padding-top: 10px;
	}

	#opt-header-1 .opt-right .arrow {
		display: none;
	}

	a.yarpp-thumbnail {
		max-width: 90% !important;
	}

	.yarpp-thumbnail > img, .yarpp-thumbnail-default {
		max-width: 450px !important;
	}
	
	body.single .entry-content {
		padding: 20px 5% 0 5%;
	}

}

/* Extra Small Screen */
@media only screen  (max-width: 320px) {

	.parallax-window {
		display: none !important;
		min-height:0px;
	}

	#header-widgets {
		text-align: left !important;
	}

	#main-menu {
		padding: 10px 0px !important;
	}

	#footer-menu {
		text-align: center;
	}

	#copyright {
		text-align: center;
		padding-top: 10px;
	}

	#opt-header-1 .opt-right .arrow {
		display: none;
	}

}