/*
 Theme Name:   Carton-Mav
 Theme URI:    http://chrismaverick.com/
 Description:  Carton Child Theme - Original: Create a truly unique design with Carton, a lightweight and fully responsive HTML5 theme built using jQuery Masonry. Use the new Theme Options customizer to add your own header image, custom background, column width and more. Distinguish each post with one of the eight supported post formats: Video, Image, Aside, Status, Audio, Quote, Link and Gallery. Install JetPack to display each of your galleries through a tiled view and jQuery carousel. Compatible with bbPress & BuddyPress. Created using SASS and Compass. Uses Google Fonts for improved typeface readability and works perfectly in desktop browsers, tablets and handheld devices. For a live demo go to http://demos.bavotasan.com/carton/. - Mav's changes add automatic first found image to blogroll display if no featured image is found.
 Author:       Chris Maverick
 Author URI:   http://chrismaverick.com
 Template:     carton
 Version:      1.0.0
 Tags:         white, black, gray, light, silver, two-columns, left-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-image-header, featured-images, post-formats, sticky-post, threaded-comments, translation-ready, theme-options, responsive-layout
 Text Domain:  carton-child
*/

@import url("../carton/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */
body {
    text-shadow: none;
}

a {
  color: #750000;
}	 

.basic a {
  color: #750000;
}	 

.fixed {
    position: fixed;
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

.center {
    margin-left: auto;
    margin-right: auto;
}

#bannerblock {
    z-index: 500;
    background: rgb(0,0,0); /* Old browsers */
    background-image: url(http://www.chrismaverick.com/images/CMdotcom_header.png);
    background-image: url(http://www.chrismaverick.com/images/CMdotcom_header.png), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTIlIiBzdG9wLWNvbG9yPSIjN2ExYjBjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjNzUwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjglIiBzdG9wLWNvbG9yPSIjZmYwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzUlIiBzdG9wLWNvbG9yPSIjNzUwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background-image: url(http://www.chrismaverick.com/images/CMdotcom_header.png), -moz-linear-gradient(45deg,  rgba(0,0,0,1) 0%, rgba(122,27,12,1) 12%, rgba(117,0,0,1) 20%, rgba(255,0,0,1) 28%, rgba(117,0,0,1) 35%, rgba(0,0,0,1) 43%); /* FF3.6+ */
    background-image: url(http://www.chrismaverick.com/images/CMdotcom_header.png), -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(0,0,0,1)), color-stop(12%,rgba(122,27,12,1)), color-stop(20%,rgba(117,0,0,1)), color-stop(28%,rgba(255,0,0,1)), color-stop(35%,rgba(117,0,0,1)), color-stop(43%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
    background-image: url(http://www.chrismaverick.com/images/CMdotcom_header.png), -webkit-linear-gradient(45deg,  rgba(0,0,0,1) 0%,rgba(122,27,12,1) 12%,rgba(117,0,0,1) 20%,rgba(255,0,0,1) 28%,rgba(117,0,0,1) 35%,rgba(0,0,0,1) 43%); /* Chrome10+,Safari5.1+ */
    background-image: url(http://www.chrismaverick.com/images/CMdotcom_header.png), -o-linear-gradient(45deg,  rgba(0,0,0,1) 0%,rgba(122,27,12,1) 12%,rgba(117,0,0,1) 20%,rgba(255,0,0,1) 28%,rgba(117,0,0,1) 35%,rgba(0,0,0,1) 43%); /* Opera 11.10+ */
    background-image: url(http://www.chrismaverick.com/images/CMdotcom_header.png), -ms-linear-gradient(45deg,  rgba(0,0,0,1) 0%,rgba(122,27,12,1) 12%,rgba(117,0,0,1) 20%,rgba(255,0,0,1) 28%,rgba(117,0,0,1) 35%,rgba(0,0,0,1) 43%); /* IE10+ */
    background-image: url(http://www.chrismaverick.com/images/CMdotcom_header.png), linear-gradient(45deg,  rgba(0,0,0,1) 0%,rgba(122,27,12,1) 12%,rgba(117,0,0,1) 20%,rgba(255,0,0,1) 28%,rgba(117,0,0,1) 35%,rgba(0,0,0,1) 43%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
    background-repeat: no-repeat;

    width: 100%;
    height: 130px;
    margin-top: -20px;
}

#footer {
    z-index: 499;
    background-color: #500000;
    position: relative;
}

#bannerblock .header-wrap {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-bottom: none;
}

#primary, #secondary {
    padding-top: 110px;
    min-height: 80%;
    min-height: calc(100% - 110px);
    min-height: 1800px;
}

.single #primary {
    margin-bottom: -20px;
    position: relative;
}

div#secondary.offcanvas {
    position: absolute !important;
    padding-top: 10px !important;
    top: 0 !important;
}

#secondary {
    z-index: 101;
}

#secondary, #primary #comments {
    background-color: rgba(255,255,255,0.7);
}

#primary #comments {
    margin-bottom: -20px;
}

#mobile-menu {
    position: fixed;
    width: 100%;
    z-index: 500;
}

#drop-down-search {
    padding-top: 62px;
    z-index: 499;
}

.grav-clone {
    z-index: 499;

}

div.gcard {
    z-index: 500;
}

iframe.fb_iframe_widget_lift {
    z-index: 600;
}

.basic article, .commentlist .comment-body, #comment-form-comment, #secondary table#wp-calendar, #posts-pagination {
    background-color: rgba(255,255,255,0.85);
}

#primary article, #primary div {
    z-index:100;
    position: relative;
}

#articlebg {
    position: absolute !important;
    top: 0px;
    right: 25px;
    bottom: 0px;
    left: 275px;
    -webkit-filter: blur(10px);
    filter: blur(10px);
    z-index: 99 !important;
    min-height: 80%;
    margin-bottom: -20px;
    height: 100%;
}


div#posts-pagination {
    margin: 1px 0;
}

div#posts-pagination div a {
    padding: 8px;
    background-color: rgb(187,187,187);
    color: white;
    -o-border-radius: 20px;
    -moz-border-radius: 20px;
    -khtml-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px; 
}

 .commentlist .comment .comment-reply-link {
    -o-border-radius: 20px;
    -moz-border-radius: 20px;
    -khtml-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px; 
}

div#posts-pagination div a:hover {
    background-color: rgb(170,170,170);
}

div#posts-pagination div {
    margin: 5px;
    padding: 5px;
}

body.admin-bar #secondary.fixed {
    margin-top: 28px;
} 

a.image-anchor {
    display: inline;
}

.Social_Widget .socialmedia-buttons .image-anchor {
    display: inline-block;
}

tr._51mx {
    display: none;
}

#secondary .widget_calendar caption {
    font-size: 140%;
    color: #333333;
    font-family: Lato, sans-serif;
    font-weight: normal;
}

#secondary .widget_calendar tr {
    font-size: .9em;
}

#secondary .widget_calendar table {
    -o-border-radius: 20px;
    -moz-border-radius: 20px;
    -khtml-border-radius: 20px;
    -webkit-border-radius: 20px;
/*    border-radius: 20px; */
    border-collapse: separate;
}

#secondary .widget_calendar #today {
    font-weight: bold;
    font-size: 1em;
    background-color: yellow;
}

.homelink {
    height: 70px;
    width: 800px;
    display: block;
}

.homelinksigil {
    height: 60px;
    width: 120px;
    display: inline-block;
}

/* Header Banner Menu Control */
#bbsidebar .menu {
    font-weight: bold;
    color: #FFFFFF;
    z-index: +1;
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: left;
}

#bbsidebar .menu a {
    color: #FFFFFF;
    display: block;
    padding: 5px;
    margin-top: -3px;
}

#bbsidebar .menu li {
    position: relative;
    display: inline;
    float: left;
    padding-right: 1.5em;
    margin-right: .5em;
}

#bbsidebar .menu ul.sub-menu {
    /*top: 25px;*/
    /*display: none;*/    
    max-height: 0;
    -webkit-transform:perspective(400) rotate3d(1,0,0,-90deg);
    -webkit-transform-origin:50% 0;
    -webkit-transition:350ms;
    -moz-transition:350ms;
    -o-transition:350ms;
    transition:350ms;
    visibility: hidden;
    position: absolute;
    padding: 4px;
    padding-top: 6px;
    padding-bottom: 4px;
    margin: 0;
    list-style-type: none;
    color: #fcff00;
    -o-border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    -khtml-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
    background-color: #750000;
    white-space: nowrap;
    -moz-box-shadow: 3px 5px 10px #000;
    -webkit-box-shadow: 3px 5px 10px #000;
    -khtml-box-shadow: 3px 5px 10px #000;
    -o-box-shadow: 3px 5px 10px #000;
    box-shadow: 3px 5px 10px #000;   
    border: 1px solid black;
    border-top: 0; 
}

#bbsidebar .menu .menu-item:hover > ul.sub-menu {
    max-height:1000px;
    visibility: visible;
    -webkit-transform:perspective(400) rotate3d(0,0,0,0);
}

#bbsidebar .menu ul.sub-menu li {
    display: list-item;
    float: none;
}

#bbsidebar .menu ul.sub-menu ul.sub-menu {
    -o-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -khtml-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    border-top: 1px;
    max-width: 0;
    -webkit-transition:max-width 500ms ease?ç-in;
    -moz-transition:max-width 500ms ease-in;
    -o-transition:max-width 500ms ease-in;
    transition:max-width 500ms ease-in;
    visibility: hidden;
    opacity: 0;
    filter:alpha(opacity=100);
}

#bbsidebar .menu ul.sub-menu li:hover > ul.sub-menu {
    visibility: visible;
    opacity: 1;
    filter:alpha(opacity=100);
    max-width: 1000px;
}

#bbsidebar .menu li:hover > ul {
    display: block;
}

##bbsidebar #menu-main-menu li {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

#bbsidebar .menu li:hover {
    background-color: #500000;
    background-color: #500000;
    -o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

#bbsidebar .menu li a:hover {
    color: #FCFF00;
}

#bbsidebar .menu .sub-menu li:hover {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

#bbsidebar .menu ul li ul {
    left: 100%;
    top: 25%;
}

#bbsidebar .menu ul li ul li {
    display: list-item;
    float: none;
}

#bbsidebar .menu li > a:after {
    content: 'â–¸';
}

#bbsidebar .menu li:hover > a:after {
    content: 'â–¾';
}

#bbsidebar .menu li > a:only-child:after, #bbsidebar .menu li:hover > a:only-child:after {
    content: '';
}

.bbwidgets {
    display: inline-block;
}

.bbwidgets .widget {
    width: auto;
}

#bannerblockwidgets {
    width: 85%;
    width: calc(100% - 200px);
    position: fixed;
}

#bbsidebar {
    margin-top: 5px;
}

#bbsidebar aside.widget {
    display: inline-block;
}

#bbsidebar .search-submit {
    display: none;
}

#bbsidebar .widget_search {
    float: right;
}

#bbsidebar .widget_search input.search-field {
    padding: 1px;
    border: 2px inset;
    background-color: white;
    color: black;
    border-radius: 15px;
    width: 200px;
    height: 19px;
}

#bbsidebar .widget_date_time {
    float: right;
    clear: right;
    margin-top: -30px;
}

#bbsidebar .widget_date_time div.date-time {
    width: 250px;
    text-align: right;
}

#bbsidebar .widget_date_time div.date-time div.date {
    display: inline-block;
    padding-right: 1em;
}

#bbsidebar .widget_date_time div.date-time div.time {
    display: inline-block;
}

#wp-calendar tbody a {
    font-weight: bold;
}