/*
Theme Name: Crush
Theme URI: http://underscores.me/
Author: Crush Design
Author URI: http://www.crush-design.co.uk
Description: Just another Crush theme
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: crush
Domain Path: /languages/
Tags:

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.

 Crush is based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc.

*/

/* -- Variables ----------------------------------------------------------------------------------------------------- */
/*
@bg-colour = #EFEEEC
@primary-colour = #134568
@alt-primary-colour = #122536
@secondary-colour = #13669A
@alt-secondary-colour = #4b4b4b
@text-colour = #000
@link-colour = #000
@link-hover-colour = darken(@link-colour, 60%)
@button-colour = #00295b
@button-text-colour = #fff
@button-hover-colour = lighten(@button-colour,40%)
@hr-colour = #b3b3b3
@table-cell-colour = #e4e4e4

@font-family = "Arial"
@font-size = 12px

@max-page-width = 1120px
*/

/* -- Body + Html --------------------------------------------------------------------------------------------------- */

* {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

html { min-height:100%; }

body {
    background:#f3f3f3;
    color:#2c2c2c;
    font-family:'khandregular', Calibri, Arial, Helvetica;
    font-size:14px;
    min-height:100%;
    position:relative;
}

/* -- Headings + Text ----------------------------------------------------------------------------------------------- */
@font-face {
    font-family: 'khandlight';
    src: url('fonts/khand-light.eot');
		 src: local("☺"),
 			url('fonts/khand-light.eot?#iefix') format('embedded-opentype'),
         	url('fonts/khand-light.woff2') format('woff2'),
         	url('fonts/khand-light.woff') format('woff'),
         	url('fonts/khand-light.ttf') format('truetype'),
         	url('fonts/khand-light.svg#khandlight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'khandregular';
    src: url('fonts/khand-regular.eot');
		 src: local("☺"),
 			url('fonts/khand-regular.eot?#iefix') format('embedded-opentype'),
         	url('fonts/khand-regular.woff2') format('woff2'),
         	url('fonts/khand-regular.woff') format('woff'),
         	url('fonts/khand-regular.ttf') format('truetype'),
         	url('fonts/khand-regular.svg#khandregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'khandmedium';
    src: url('fonts/khand-medium.eot');
		 src: local("☺"),
 			url('fonts/khand-medium.eot?#iefix') format('embedded-opentype'),
         	url('fonts/khand-medium.woff2') format('woff2'),
         	url('fonts/khand-medium.woff') format('woff'),
         	url('fonts/khand-medium.ttf') format('truetype'),
         	url('fonts/khand-medium.svg#khandmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'khandsemibold';
    src: url('fonts/khand-semibold.eot');
		 src: local("☺"),
 			url('fonts/khand-semibold.eot?#iefix') format('embedded-opentype'),
         	url('fonts/khand-semibold.woff2') format('woff2'),
         	url('fonts/khand-semibold.woff') format('woff'),
         	url('fonts/khand-semibold.ttf') format('truetype'),
         	url('fonts/khand-semibold.svg#khandsemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
h1 {
    color:#31424c;
    font-family: 'khandmedium', Arial, Helvetica;
    font-size:2.5em;
    font-weight:bold;
    margin-bottom:0.75em;
    text-transform:uppercase;
    font-weight:normal;
}

h2 {
    color:#13669A;
    font-family: 'khandmedium', Arial, Helvetica;
    font-size:1.7em;
    font-weight:bold;
    margin-bottom:1.25em;
}

h3 {
    color:#000;
    font-family: 'khandmedium', Arial, Helvetica;
    font-size:1.25em;
    font-weight:bold;
        margin-bottom: 0.4em;
}

h4 {
    color:#000;
    font-family: 'khandmedium', Arial, Helvetica;
    font-size:1.2em;
    font-weight:bold;
    margin-bottom: 0.2em;
}

p {
    font-family: 'khandregular', Arial, Helvetica;
    font-size:1.35em;
    line-height: 1.3em;
    margin-bottom:0.5em;
}

a {
    color: #000;
    font-family: 'khandregular', Arial, Helvetica;
    text-decoration:underline;
    -moz-transition:color 0.2s;
    -ms-transition:color 0.2s;
    -o-transition:color 0.2s;
    -webkit-transition:color 0.2s;
    transition:color 0.2s;
}

a:hover {
    color: #000000;
    -moz-transition:color 0.2s;
    -ms-transition:color 0.2s;
    -o-transition:color 0.2s;
    -webkit-transition:color 0.2s;
    transition:color 0.2s;
}

.videos:after, article:after, .post-navigation:after, #content:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* -- Images -------------------------------------------------------------------------------------------------------- */

img, #page div.wp-caption { max-width:100% !important; height:auto !important; }

iframe { max-width:100% !important; }

/* -- Lists --------------------------------------------------------------------------------------------------------- */

ul { padding-left:1.5em;font-size:1.14em; }

ul li {
    list-style-position: inside;
    list-style: circle;
    margin-bottom: 1em;
}

/* -- Text ---------------------------------------------------------------------------------------------------------- */

p { margin-bottom: 1em; font-size:1.35em; }

strong, b { font-weight:bold; }

em, i { font-style:italic; }

/* -- Page ---------------------------------------------------------------------------------------------------------- */

#page { width:1120px; margin:0 auto; }

/* -- Header -------------------------------------------------------------------------------------------------------- */

header#site-header { background:#134568; color:#fff; position: relative; }

header#site-header .site-branding {
    background:#31424c;
/*    background-image:url(img/header-background.png); */
    height:160px;
}

header#site-header h1 {
    height:82px;
    width:410px;
    background-image:url(img/angling-lines-blog-logo.png);
    margin:0;
    position:relative;
    top:40px;
    left:20px;
}

.site-title a {
    display:block;
    height:82px;
    width:410px;
}

header#site-header h1 span, header#site-header h2 { display:none; }

header#site-header .social{
    position: absolute;
    right: 35px;
    top: 20px;
    font-size: 16px;
}
header#site-header .social p{
    margin-bottom: 4px;
}
header#site-header .social a{
    display: inline-block;
    text-indent: -999px;
    overflow: hidden;
    margin-right: 5px;
}
header#site-header .social .facebook{
    width: 30px;
    height: 30px;
    background: url(img/facebook.png) no-repeat;
}
header#site-header .social .twitter{
    width: 30px;
    height: 30px;
    background: url(img/twitter.png) no-repeat;
}
header#site-header .social .googleplus{
    width: 30px;
    height: 30px;
    background: url(img/google.png) no-repeat;
}
header#site-header .social .youtube{
    width: 30px;
    height: 30px;
    background: url(img/youtube.png) no-repeat;
}

header#site-header .social .instagram {
    width:24px;
    height:24px;
    background: url(img/icon-instagram.png) no-repeat;
}
header#site-header #topcontactbox {
    position: absolute;
    right: 35px;
    top: 54px;
    font-family: 'khandsemibold', Arial, Helvetica;
    width: 100%;
    font-size: 40px;
    margin-top: 10px;
    margin-bottom: 0px;
    letter-spacing: 0px;
    color: #dcdadb;
    line-height: 0.8em;
    width:210px;
}

header#site-header #topcontactbox .phonenumber {
    display:block;
    line-height: 12px;
}

header#site-header #topcontactbox a {
    font-family: 'khandregular', Arial, Helvetica;
    font-size: 18px;
    color: #dcdadb;
    text-transform: uppercase;
    text-decoration:none;
}
header#site-header #topcontactbox a:hover {
    text-decoration:underline;
}
header#site-header a { color: #fff; }

header .menu-main-menu-container { background-color:#31424c; font-size:16px;padding-left:5px; }

/* -- Main Menu ----------------------------------------------------------------------------------------------------- */

header#site-header nav { background:#31424c; }

header#site-header nav ul {
    list-style:none;
    padding:0;
    margin:0;
    height:30px;
}

header#site-header nav ul li {
    float:left;
    margin:0;
    padding:0;
    height:30px;
    list-style-type:none;
    line-height:30px;
}

header#site-header nav ul li a {
    font-family: 'khandregular', Arial, Helvetica;
    display:block;
    font-size: 18px;
    padding:0 10px;
    text-decoration:none;
    border-right:1px solid #3C505B;
    color: #dcdadb;
    text-transform:uppercase;
    height:30px;


}
header#site-header nav ul li.external a{
    background: #31424c;
}

header#site-header nav ul li a:hover { color:#dadada;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #bd6c06;
    height:30px;
}

header#site-header .toggle button { display:none; }

header#site-header .sub-menu {
    display:none;
    width:auto;
    background:#4c5b64;
    position:absolute;
    height:auto !important;
    z-index:100;
}

header#site-header li:hover .sub-menu { display:block; }

header#site-header .team-nav .sub-menu,
header#site-header .team-nav .sub-menu li { width:140px; }

header#site-header li .sub-menu { width:600px; }

header#site-header li .sub-menu li { width:25%; border:none; }

header#site-header li .sub-menu li a { border:none; padding:0 0 0 10px; text-transform:initial;
    color: #dcdadb;
    font-weight: normal;
    padding-left: 10px;
    background-color: #4c5b64;
    box-shadow: rgba(0,0,0,0.2) 1px 2px 2px;
    text-transform: uppercase;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #5c6b74;
    border-bottom-style: none;
    border-bottom-width: 1px;
    border-left-style: solid;
    border-left-width: 2px;
    border-left-color: #4c5b64;
}

header#site-header li .sub-menu li a:hover {
    background-color:#31424c; color:#fff;
    background-color: #31424c;
    border-bottom-width: 1px;
    border-bottom-style: none;
    border-left-width: 2px;
    border-left-style: solid;
    border-bottom-color: #31424c;
    border-left-color: #bd6c06;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #5c6b74;
}

/* -- Footer -------------------------------------------------------------------------------------------------------- */

footer#site-footer { width:100%; clear:both; }
footer#site-footer .copyright-text{
    padding: 20px;
    text-align: center;
    color: #fff;
    font-size: 16px;
}
footer#site-footer a{
    color: inherit;
}

/* -- Content + Main ------------------------------------------------------------------------------------------------ */

#content { padding:2em 0; }

.site-main { width:872px; float:left; }

header.page-header{
    position: relative;
}
header.page-header a.author-link{
    position: absolute;
    right: 0;
    top: 10px;
    display: inline-block;
    background: #31424c;
    color: #fff;
    text-decoration: none;
    padding: 5px 12px 5px 12px;
    font-size: 16px;
}
header.page-header a.author-link:before{
    content: "+";
    display: block;
    float: left;
    width: 15px;
    height: 15px;
    font-size: 1.2em;
    background: #fff;
    color: #31424c;
    line-height: 0.8;
    padding: 0;
    margin: 2px 6px 0 0;
    text-align: center;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    vertical-align: middle;
}
header.page-header a.author-link:hover{
    background: #165887;
}

/* -- Sidebar ------------------------------------------------------------------------------------------------------- */

#sidebar { width:218px; float:right; }

#sidebar .advert { width:160px; float:right; }

#sidebar .advert aside{
    margin-bottom: 15px;
}

#sidebar .main { width:218px; float:left; }

#sidebar .main aside {
    background:#fff;
    padding:1em;
    margin-bottom:1em;
    border:2px dotted #bd6c06;
    border-left:none;
    border-right:none;
}

#sidebar aside h1 { font-weight:normal; }

#sidebar #search {
    background-color:#31424c;
    margin:0 0 20px 0;
    padding: 10px;
}

#search input, #search label { float:left; }

#search label {
    margin-right: 10px;
    line-height: 22px;
    color:#fff;
    text-transform:uppercase;
}

#search input[type=submit] { margin: 0; }

#search input[type=text] {
    margin-right: 2px;
    padding:2px 4px;
    width:136px;
    border:1px solid #13669A;
}

#search input[type=text]:focus {
    border:1px solid #bd6c06;
    outline:2px solid #bd6c06;
    box-shadow: 3px 3px 3px #e3e3e3 inset;
}
#search:after{
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

/* -- Content specific sidebar styles ------------------------------------------------------------------------------- */

.widget_category_list li { list-style-type:disc; margin:0 0 8px; }

.widget_category_list li a { font-size:15px !important; }

#sidebar #category_list-3,
#sidebar #archives-2,
.sidebar-videos {
    background-color:#31424c;
    border:none;
    color:#fff;
}

#sidebar #category_list-6 { border-color:#31424c; }

#sidebar #category_list-5 {
    background-color:#31424c;
    border:none;
    color:#fff;
}

#sidebar aside img {display:block;}

#sidebar .widget_category_list h1,
#sidebar .widget h1,
.sidebar-videos h1 { font-size:24px; text-transform:uppercase; }

#sidebar .widget h1, .sidebar-videos h1 { margin:0 0 15px; }

#sidebar #archives-2 h1,
#sidebar #category_list-3 h1,
#sidebar #category_list-3 a,
#sidebar #category_list-5 h1,
#sidebar #category_list-5 a,
.sidebar-videos h1,
.sidebar-videos a { color:#fff; }

#sidebar #category_list-2 h1,
#sidebar #category_list-4 h1,
#sidebar #category_list-8 h1,
#sidebar #text-3 h1 { color:#bd6c06; }

#sidebar #text-4, #sidebar #text-5, #sidebar #text-6, #sidebar #text-7 { padding:0; border:none; }

#sidebar #text-6{ margin-bottom: 0.45em; }
#sidebar #text-6 img, #sidebar #text-7 img{ display: inline; }
#sidebar #text-6 a:nth-child(2n), #sidebar #text-7 a:nth-child(2n){ margin-left: 8px; }

.sidebar-videos { padding:10px 0 10px 10px; margin-bottom:1em; text-transform:uppercase; }

.sidebar-videos p:last-child {clear:both; padding-top:5px; margin:0; }

#sidebar .sidebar-videos .featured-video.main { width:198px; font-size:12px; }

.sidebar-videos .small { float:left; margin:10px 10px 0 0; }

.sidebar-videos p { clear:both; }

.featured-video {position:relative;}

.featured-video img { display:block; }

.featured-video .overlay {
    position:absolute;
    top:0;
    left:0;
    display:none;
}

.featured-video .overlay h1 {
    font-size:10px;
    width:75%;
    padding:10px;
}

#sidebar .featured-video.main .overlay h1 { font-size:12px; width:100%; }

.featured-video:hover .overlay {
    display:block;
    width:100%;
    height:100%;
    background-image:url(img/background.png);
    z-index:100;
}

/* -- Listings ------------------------------------------------------------------------------------------------------ */

main article { position:relative;}
.single main article { background:#fff;}
.page-id-20 article, .page-id-5053 article { background:#fff;}
.home article img {
    width:100%;
}

.single-page p, .single-page li { padding:0 20px 0 0; }

.section {
    clear:both;
    background-color:#31424c;
    color:#fff;
    padding:5px 0 5px 14px;
    font-weight:normal;
    margin:0 0 20px 0;
}

section:nth-of-type(odd) a, section:nth-of-type(odd) .byline {color:#bd6c06;}

section:nth-of-type(odd) .section { background-color:#bd6c06; }
.flex {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
}
.col2:nth-child(odd), section .col2:nth-child(even) { margin:0 0 1.2em 0; padding:0 1em 0 0; }

.archive .col2:nth-of-type(even), .search .col2:nth-of-type(even) { padding:0 0 0 1em; }

.archive .col2:nth-of-type(odd), .search .col2:nth-of-type(odd) { padding:0 1em 0 0; }

article.item-1 { clear:none; padding:0 0 0 1em; }

article.col2.item-2 { clear:none; padding:0 0 0 1em; }

.col2,  section .col2:nth-child(odd) {
    float:left;
    width:50%;
    padding:0 0 0 1em;
    margin:0 0 1.2em 0;
    height:auto;
}

.sticky {
    float:none;
    display:block;
    margin:0 0 1.2em 0;
    padding:0;
    width:100%;
    min-height:110px;
}

article.sticky .entry {
    width:100%;
    position:absolute;
    bottom:0;
    background:transparent url(img/sticky-background-v2.png);
    color:#fff;
}

article.sticky header h1 a { color:#fff; }

article.sticky .entry-content p { margin:0; }

article .thumb {
    background: #fff;
    min-width: 336px;
    min-height: 205px;
}

article .thumb img { margin:0; display:block; border:0;width:100%; }

article header { padding:0.4em 0.7em 0; }
article .entry { background:#fff; }
article header h1 {
    margin-bottom:0.5em;
    font-size:38px;
    font-weight:normal;
    text-transform:uppercase;
    text-overflow:string;
    overflow:hidden;
}
.home article header h1 {
    font-size:34px;
    line-height: 1.1em;
    margin-bottom: 0.2em;
}

.single article header h1 {
    margin:0;
    margin-bottom:0.2em;
}

article header h1 a { text-decoration:none; color:#31424c; }
article .entry-content{ padding:0.4em 0.7em; }

.wp-caption {
    margin: 12px 0;
    padding:10px 10px 5px;
    border-top:2px dotted #bd6c06;
    border-bottom:2px dotted #bd6c06;
}

p.wp-caption-text { margin:0; line-height:18px; padding: 4px 0; }

.wp-caption img { border:1px solid #2c2c2c; }

.alignright { float:right; margin:0 0 20px 20px; }

.alignleft { float:left; }

.videos .entry-meta, .posted-on a, .byline, .byline a {
    text-transform:uppercase;
    font-size:22px;
    text-decoration:none;
    color:#31424c;
}

.videos .entry-content, .videos .entry-header { padding:0; }
.videos .entry-header { margin:0 0 10px 0; }

.videos h1,
.videos .entry-meta,
.videos a { color:#31424c; }

.videos:nth-of-type(even) h1,
.videos:nth-of-type(even) .entry-meta,
.videos:nth-of-type(even) a { color:#bd6c06; }

.videos:nth-of-type(even) {
    border:2px dotted #bd6c06;
    border-left:none;
    border-right:none;
    padding:20px 0;
    margin:20px 0;
}

.videos h1 { margin-bottom:0; }

.videos p { text-align:left !important; }
.videos iframe, .videos object{
    max-width: 100%;
}

/* -- Paging Nav ---------------------------------------------------------------------------------------------------- */

.paging-navigation { clear:both; }

/* -- Control Styles ------------------------------------------------------------------------------------------------ */

header#site-header .sub-menu:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.category-more {
    clear:both;
    text-transform:uppercase;
    font-size:24px;
    border-bottom:2px dotted #31424c;
    padding-bottom:20px;
}

section:nth-of-type(odd) .category-more { border-color:#bd6c06; }

section .category-more a, .category-more a { color:#31424c; text-decoration:none; }

section:nth-of-type(odd) .category-more a { color:#bd6c06; }

.post-navigation {background-color:#e8edf0; margin-bottom:20px;}

.nav-previous, .nav-next {
    text-transform:uppercase;
    width:210px;
}

.nav-previous a, .nav-next a {
    text-decoration:none;
    font-size:14px;
}

.nav-previous {
    float:left;
    padding:10px 0 10px 35px;
    margin:0 0 0 10px;
    background:url(img/previous-button.png) no-repeat left top;
}

.nav-next {
    float:right;
    padding:10px 35px 10px 0;
    margin:0 10px 0 0;
    background:url(img/next-button.png) no-repeat right top;
    text-align:right;
}

.developer-info {
    text-align:center;
    background-color:#fff;
    height:30px;
    line-height:30px;
}

.developer-info div {
    width: 100%;
    text-transform:uppercase;
}

.developer-info div, .developer-info a {
    color:#31424c;
    text-decoration:none;
}

#site-footer {
    margin:10px 0 0 0;
    background-color:#31424c;
}

/* -- Comments ------------------------------------------------------------------------------------------------------ */

#comments { background:#fff;clear:both;padding: 0.4em 0.7em; }

#comments label {
    display:block;
    margin:8px 0 2px;
    font-size:14px;
    /*height:20px;*/
    line-height:20px;
}

#comments textarea { width:100%; }

#comments textarea,
#comments input[type=text],
#comments input[type=submit] {
    border:1px solid #31424c;
    line-height:20px;
    font-size:13px;
    font-family:'khandregular', Calibri, Arial, Helvetica;
    padding:4px 7px 4px;

}

#comments input[type=text] { width:50%; }

#comments input[type=submit] {
    border:0;
    background-color:#bd6c06;
    color:#fff;
    text-transform:uppercase;
    padding:5px 10px;
}

#comments input[type=submit]:hover { background-color:#844e09;cursor:pointer; }

#comments textarea:focus,
#comments input[type=text]:focus {
    border-color:#bd6c06;
    box-shadow: 3px 3px 3px #e3e3e3 inset;
}

#comments #reply-title {
    color:#bd6c06;
    margin:25px 0 10px;
    font-size:18px;
    text-transform:uppercase;
    font-weight:normal;
}

.video-categories {
    border:2px dotted #31424c;
    border-left:none;
    border-right:none;
    margin:0 0 33px;
    padding: 15px 0;
    text-transform:uppercase;
    line-height:25px;
    vertical-align:middle;
}

.video-categories input[type=radio], .video-categories label { display:inline-block; }

.video-categories label { margin:0 15px 0 0; color:#31424c; font-size:14px; }

.comments-title {
    color:#bd6c06;
    text-transform: uppercase;
    font-size:20px;
}

.comment-author, .comment-meta a {
    text-transform: uppercase;
    font-size:16px;
    font-weight:bold;
    color:#31424c;
    text-decoration:none;
}

.fb-comments{
    width: 100%;
}
.fb-comments iframe{
    max-width: 100%;
    /*width: auto !important;*/
}

img#wpstats {
display: none;
}