/* 
Theme Name: Responsive Child Theme
Description: Responsive Child Theme
Template: responsive
*/



/* barry fonts */

@font-face {
 font-family: BarryLight;
 src: url("BarryLight.eot") /* EOT file for IE */
}
@font-face {
 font-family: BarryLight;
 src: url("BarryLight.ttf") /* TTF file for CSS3 browsers */
}

@font-face {
 font-family: BarryLoser;
 src: url("BarryLoser.eot") /* EOT file for IE */
}
@font-face {
 font-family: BarryLoser;
 src: url("BarryLoser.ttf") /* TTF file for CSS3 browsers */
}

body {
	font-family: BarryLight, helvetica, sans-serif !important;
	margin: 0;
	background-image: url(https://www.barryloser.com/wp-content/themes/responsive-childtheme-master/images/bg-tile.jpg);
	background-position: top center;
        font-size: 17px;
}

h1 {
  margin-bottom: 0.5em;
	font-size:42px;
	color: #000000;
	font-family: BarryLight, helvetica, sans-serif !important;
	font-weight: normal;
	line-height: 1em;
        padding-top: 5px;
}
h2 {
  	font-size: 30px;
	color: #000000;
	font-family: BarryLight, helvetica, sans-serif !important;
	font-weight: normal;
	margin-bottom: 0.5em;
	
}
h2.entry-title {
	line-height: 1em;
}


.entry-title a {
	color: #000000;
}
p, hr, dl, pre, form, table, address, blockquote {
    color: rgb(0, 0, 0);
    margin: 1.6em 0;
}

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: rgb(0, 0, 0);
    font-weight: 700;
    line-height: 1em;
    word-wrap: break-word;
}

h3 {
  font-size: 22px;
  margin-bottom: 0.5em;
  color: #000000;
	font-family: BarryLight, helvetica, sans-serif !important;
//Changed from BarryLoser to BarryLight to change font in ask barry page - R.
}
.entry-title a {

}

.read-more {
  clear: unset;
  font-weight: 700;
  display: inline-block;
  position: relative;
}
.read-more a {
  background-image: url("images/button-readmore.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  display: block;
  height: 30px;
  text-indent: -9999px;
  width: 109px;
}

/* box shadow */

#wrapper {
box-shadow:3px 4px 5px rgb(128, 128, 128);
}

.widget-wrapper {
    border: medium none;
    box-shadow: none; //removing box shadow
    margin: 0 0 20px;
    padding: 20px;
}

/* homepage widgets */

#home_widget_2 {
    display: none;
}
#home_widget_1.col-300 {
  display: none;
}

#home_widget_3 {
    display: none;
}


.widget-wrapper {
    margin: 0 0 20px;
    padding: 20px;
   border: none;
}

/* with a paper bg we need to remove the background and border from the main wrapper and remove the bottom margin */
#wrapper {
  background-color: transparent;
  border: none;
  box-shadow: none;
  margin: 0px 60px 0px 0px;
}
.front-page #wrapper {
    background-color: transparent;
    border: none;
    margin: 20px auto 0 auto;
    padding: 0;
}
#featured {
    background-color: transparent;
    border: none;
    border-radius: 4px;
    padding-bottom: 0px;
    width: 99.8936%;
}

}
.skip-container {
    display: block;
    padding: 0;
    position: relative;
}
/*.col-460 {
    margin-right: -3.872%;
    margin-top: 17px;
    width: 50.936%;
}*/

/* footer widget */
#text-3.colophon-widget.widget-wrapper.widget_text {
    padding: 0;
}

/* Menu */

.front-page .menu .current_page_item a {
    background: none;
    filter: none;
}

.menu a {
    border-left: 0px solid rgb(88, 88, 88);
    border-radius: 20px;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: block;
    font-size: 25px;
    font-weight: 700;
    height: 45px;
    line-height: 45px;
    margin: 0;
    padding: 0 1.2em;
    position: relative;
    text-decoration: none;
    text-shadow: none;
    white-space: nowrap;
}


.menu li {
    background-color: rgb(45, 137, 239);
    border-radius: 29px 34px 35px 37px;
    display: block;
    float: left;
    margin: 0 4px 0  0;
    padding: 0;
    position: relative;
    z-index: 5;
}
.menu {
    background-color: rgba(45, 137, 239,0);
    background-image: none;
    clear: both;
    margin: 0 auto;
}


.menu a:hover {
    background-color: #0E67B1;
    background-image: none;
    color: rgb(253, 238, 75);
}

.menu .current_page_item a, .menu .current-menu-item a {
    background-color: rgb(14, 103, 177);
    color: rgb(253, 238, 75);
}
/* hide meta data */

/* =Hide whole post meta
-------------------------------------------------------------- */
.post-meta {
    display: none;
}
/* =Hide "Posted on"
-------------------------------------------------------------- */
.post-meta .posted {
    display: none;
}
/* =Hide date
-------------------------------------------------------------- */
.post-meta .timestamp {
    display: none;
}
/* =Hide "by"
-------------------------------------------------------------- */
.post-meta .byline {
    display: none;
}
/* =Hide author
-------------------------------------------------------------- */
.post-meta .author {
    display: none;
}

/* hide tags */
.post-data {
    clear: both;
    display: none;
    font-size: 12px;
    font-weight: 700;
    margin-top: 20px;
}
 /* hide previous/next posts */
.navigation {
    color: rgb(17, 17, 17);
    display: none;
    font-size: 13px;
    height: 28px;
    line-height: 28px;
    margin: 20px 0;
    padding: 0 5px;
}

/*
paper background on the container element
for the carousel, the top and bottom elements need to be set on a parent element as overflow needs to be visible which screws up the carousel
 */
#container::before {
  background-image: url("../../uploads/2016/07/paper-top.png");
  background-repeat: no-repeat;
  background-position: 20px 0;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: -20px;
  z-index: -1;
  display: block;
  content: " ";
}
#container {
  background-image: url("../../uploads/2016/07/paper-strip.png") !important;
  background-repeat: repeat-y;
  margin: 20px auto 0;
  max-width: 960px;
  padding: 0 25px;
  position: relative;
  background-position: 20px;
}
#container::after {
  background-image: url("../../uploads/2016/07/paper-bottom.png");
  background-repeat: no-repeat;
  background-position: 20px 0px;
  height: 30px;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  display: block;
  bottom: -30px;
  content: " ";
}

#colophon-widget::before {
  background-image: url("../../uploads/2016/07/paper-top.png");
  background-repeat: no-repeat;
  background-position: 20px 0;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: -20px;
  z-index: -1;
  display: block;
  content: " ";
}
#colophon-widget {
  background-image: url("../../uploads/2016/07/paper-strip.png") !important;
  background-repeat: repeat-y;
  margin: 25px -25px !important;
  max-width: 930px;
  padding: 0 25px;
  position: relative;
  background-position: 20px;
}
.sky-carousel {
  background-image: url("../../uploads/2016/07/paper-strip.png") !important;
  background-repeat: repeat-y;
}
#colophon-widget::after {
  background-image: url("../../uploads/2016/07/paper-bottom.png");
  background-repeat: no-repeat;
  background-position: 20px 0px;
  height: 30px;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  display: block;
  bottom: -30px;
  content: " ";
}

#content {
    margin-bottom: 20px;
    margin-top: 0px;
}

/* post pages */

/* hide title 
.entry-title.post-title {
    display: none;
}*/

/* buttons */
.su-button.su-button-style-default {
    border: medium none;
}

.su-button-style-default {
    border-style: solid;
    border-width: 1px;
}
.su-button {
    box-sizing: content-box !important;
    display: inline-block !important;
    text-align: center;
    text-decoration: none !important;
    transition: all 0.2s ease 0s;
}

element.style {
    border-color: rgb(0, 0, 0);
    border-radius: 10px ;
    color: rgb(255, 255, 255) ;
    padding: 0 26px ;
    text-shadow: none;
}

a.su-button-style-default:hover span {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-top-width: 1px;
    background-color: rgb(14, 103, 177);
    color: rgb(253, 238, 75)!important;
    opacity: 1 !important;

}

.su-button-style-default:hover {
    opacity: 1!important;
    background-color: rgb(14, 103, 177)!important;
    color: rgb(253, 238, 75)!important;
}

.buythebook {
    background-color: rgb(45, 137, 239);
    border: 1px solid rgb(108, 172, 244);
    border-radius: 13px; 
    color: rgb(255, 255, 255);
    box-sizing: content-box !important;
    display: inline-block !important;
    text-align: center;
    text-decoration: none !important;
    transition: all 0.2s ease 0s;
    font-size: 23px;
    line-height: 46px;
    padding: 0px 32px;
    text-shadow: none;
    animation-delay: 0.1s;
   opacity:0;  /* make things invisible upon start */
 -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
 -moz-animation:fadeIn ease-in 1;
 animation:fadeIn ease-in 1;
 
 -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
 -moz-animation-fill-mode:forwards;
 animation-fill-mode:forwards;
 
 -webkit-animation-duration:0.6s;
 -moz-animation-duration:0.6s;
 animation-duration:0.6s;
}

a:hover.buythebook {
   background-color: rgb(14, 103, 177);
    color: rgb(253, 238, 75);
}

#content-full {
    margin-bottom: 20px;
    margin-top: 15px;
}

/* carousel - overriding default skin*/

.sky-carousel {
    background-color: transparent !important;
    border: none !important;
    height: 300px !important;
    margin: 0 auto;
    max-width: 930px !important;
    overflow: hidden;
    padding-top: 15px !important;
    position: relative;
    width: 100%;
}

.sky-carousel .sc-content-wrapper h2 {
    color: rgb(0, 0, 0) !important;
    font-size: 22px;
    margin: 0;
    padding: 0;
}

    .sky-carousel .sc-content-wrapper p {
    color: rgb(0, 0, 0) !important;
    font-family: barrylight;
    font-size: 16px!important;
    margin: 0;
    padding: 0;
}


.sky-carousel .sc-content-wrapper {
    height: 445px !important;
    left: 50%;
    position: absolute;
    text-align: center;
    top: 72% !important;
    width: 100%;
    z-index: 4999;
}
    .sky-carousel.losers {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    border: medium none;
    height: 582px !important;
}

/* hovers */
.hvr-curl-top-right:hover::before, .hvr-curl-top-right:focus::before, .hvr-curl-top-right:active::before {
    height: 50px!important;
    margin-right: 19px!important;
    margin-top: 5px!important;
    width: 46px!important;
}
.hvr-curl-top-right::before {
    background: rgba(0, 0, 0, 0) linear-gradient(225deg, rgb(255, 255, 255) 45%, rgb(170, 170, 170) 50%, rgb(204, 204, 204) 56%, rgb(255, 255, 255) 80%) repeat scroll 0 0;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
    content: "";
    height: 0;
    margin: 5px 20px 20px 0!important;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition-duration: 0.6s!important;
    transition-property: width, height;
    width: 0;
}

/* remove responsive info from footer */
.powered {
    display:none;
}

/* keel stuff  */
.keel-stuff-links a {
  display: inline-block;
  text-align: center;
  vertical-align: bottom;
  margin: 20px 10px;
}
.keel-stuff-links img {
	max-width: 200px;
}
.keel-stuff-links a span {
  color: black;
  display: block;
  font-size: 40px;
  font-weight: bold;
  text-align: center;
}

/* barryfy me */
.barryitem {
	margin: 20px;
	display: inline-block;
	vertical-align: top;
}
.barryimage {
  background-image: url("images/barryfy-frame.png");
  background-size: cover;
  padding: 21px;
}
.barryimage img {
	max-width: 300px;
  width: 100%;
}

/* slight adjustment for homepage */
  .featured-barryfy .barryfy h2 {
    margin-top: 0;
  }
  .featured-barryfy .barryitem {
    margin-top: 0px;
  }
  .featured-barryfy {
    background-color: #F2F2F2;
    display: inline-block;
    margin: 20px -21px;
    padding: 20px;
    width: 894px;
    position: relative;
    background-image: url("../../uploads/2016/07/paper-bottom.png"),url("../../uploads/2016/07/paper-top.png");
    background-repeat: no-repeat,no-repeat;
    background-position: -3px  0px, bottom left;
  }

	.latest-books .book {
	    width: 30%;
	    float: left;
	    margin: 10px;
	}
	.latest-books .book h3 {
		text-align: center;
		font-size: 30px;
	}



/* featured video */
.featured-video {
  display: inline-block;
  width: 100%;
}

/* video */
.video-item {
  margin: 20px auto;
  max-width: 500px;
  width: 100%;
}

/* downloads */
.downloads .download {
  width: 20%;
  display: inline-block;
  margin: 1%;
  background-color: inherit;
  border: none;
  color: inherit;
}
.downloads .download p {
  margin: 0;
  padding: 0;
}
.downloads img {
  height: 200px;
  width: auto;
  margin: 0 15px;
}


/* future rat boy */
	.page-id-638 {
	    background: rgba(0, 0, 0, 1) url("../../uploads/2015/07/FRB_Bkgrnd_Tile_2-01.jpg") repeat scroll 0 0 !important;
	}

	.page-id-638 #wrapper {
	    background-color: rgba(0, 0, 0, 0.78);
	    border: 1px solid rgb(0, 0, 0);
	    border-radius: 4px;
	    clear: both;
	    margin: 20px auto;
	    padding: 0 20px 20px;
	    position: relative;
	    color: rgb(255, 255, 255);
	    box-shadow: none;
	}

	.page-id-638 .menu {
	    background-color: rgba(231, 41, 94, 0);
	    background-image: none;
	    clear: both;
	    margin: 0 auto;
	}

	.page-id-638 .menu li {
	    background-color: rgb(231, 41, 94);
	    border-radius: 29px 34px 35px 37px;
	    display: block;
	    float: left;
	    margin: 0 4px 0 0;
	    padding: 0;
	    position: relative;
	    z-index: 5;
	}

	.page-id-638 .menu a:hover {
	    background-color: rgb(242, 158, 189);
	    background-image: none;
	    color: rgb(255, 255, 255);
	}

	.page-id-638 .buythebook {
	    animation: 0.6s ease-in 0s normal forwards 1 running fadeIn;
	    background-color: rgb(235, 54, 102);
	    border: 1px solid rgb(243, 121, 154);
	    border-radius: 13px;
	    box-sizing: content-box !important;
	    color: rgb(255, 255, 255);
	    display: inline-block !important;
	    font-size: 23px;
	    line-height: 46px;
	    opacity: 0;
	    padding: 0 32px;
	    text-align: center;
	    text-decoration: none !important;
	    text-shadow: none;
	    transition: all 0.2s ease 0s;
	}

	.su-button-style-default span {
	  border:none !important;
	}

	.page-id-638 a.buythebook:hover {
	    background-color: rgb(249, 210, 226);
	    color: rgb(235, 54, 102);
	}
	.page-id-638 .su-button.su-button-style-default {
	       background-color: rgb(235, 54, 102)!important;
	     border: 1px solid rgb(243, 121, 154)!important;
	}


	.page-id-638 a.su-button-style-default:hover span {
	    background-color: rgb(249, 210, 226)!important;
	    color: rgb(235, 54, 102)!important;
	    opacity: 1 !important;
	     border: none !important;
	}

	.page-id-638 .su-button-style-default:hover {
	    opacity: 1!important;
	    background-color: rgb(249, 210, 226)!important;
	    color: rgb(235, 54, 102) !important;
	}

	/* carousel bg */

	.page-id-638 .sky-carousel {
	    background-color: rgba(0, 0, 0, 0.78);
	    border: 1px solid rgb(0, 0, 0);
	    height: 330px;
	    margin: 0 auto;
	    max-width: 960px;
	    overflow: hidden;
	    position: relative;
	    width: 100%;
	    box-shadow: none;
	}

	.page-id-638 .widget-wrapper {
	    border: medium none;
	    box-shadow: none;
	    margin: 0 0 20px;
	    padding: 20px;
	}

	/* reset the background on the container element */
	.page-id-638 #container::after,
	.page-id-638 #container,
	.page-id-638 #container::before,
	.page-id-638 #colophon-widget::before,
	.page-id-638 #colophon-widget::after,
	.page-id-638 #colophon-widget,
	.page-id-638 .sky-carousel
	 {
	  background: none !important;
	}

	/* remove background on the carousel and container */
	


/* menu item */
.delayfade a {
    opacity: 0;
}
.delayfade img {
  display: inline-block;
  height: 300px;
  margin: 10px 5px;
  vertical-align: top;
  width: auto;
}


#menu-item-640 a {
    background: rgba(0, 0, 0, 0) url("../../uploads/2015/07/ratboy-button_menu.png") no-repeat scroll 0 0;
    border: medium none;
    font-size: 0;
    height: 84px;
    margin-top: -25px;
    margin-left: -7px;
    position: absolute;
    width: 135px;
}


#menu-item-640 a:hover {
    transform: scale(1.05, 1.05);
}

/* books page */

#books_grid {
  text-align: center; 
	}

/* book page */
.post.category-books h1.post-title {
    display: none;
}

/* featured text */
.featured-title {
    font-size: 94px;
    letter-spacing: -1px;
    margin: 0;
    padding-top: 40px;
    text-align: left;
}

#featured p {
  padding-left: 0;
}

.featured-subtitle {
    display: none;
    font-size: 35px;
    padding: 0 41px;
    text-align: left;
}
/* news page  */
.su-post-comments-link {
    display: none;
}

.su-post-meta {
    display: none;
}

/* author page */

.post-20 p {
    margin: 10px;
}




@media screen and (max-width: 650px) {

/* resize content blocks to 100% width and remove paper background */
.featured-barryfy {
  margin: 0;
  width: 100%;
  display: block;
  padding: 0px;
  background-color: transparent;
}
#container {
  width: 100%;
  margin: 0;
  padding: 0;
  background-image: none !important;
  background-color: white;
}
#container::before, #container::after {
  display: none;
}
#colophon-widget::before, #colophon-widget::after {
  display: none;
} 
#colophon-widget {
  background-image: none !important;
  background-color: transparent;
  padding: 0;
  margin: 0 !important;
}
.sky-carousel {
  background-color: transparent;
  background-image: none !important;
}
#footer {
  padding: 0;
}
#wrapper {
  margin: 0;
}

.copyright {
  text-align: center;
  font-size: 1.5em;
  color: black;
}

/* downloads page */
.downloads {
  text-align: center;
}
.downloads a {
  display: block;
}
.downloads img {
  max-width: 200px;
}

/* daily poo */
.category-daily-poo .post-entry {
  text-align: center;
}
.category-daily-poo .post-title {
  text-align: center;
}
.category-daily-poo .post-entry p {
  margin: 10px 0;
}
.category-daily-poo .post-entry a, .category-daily-poo .post-entry p, .category-daily-poo .post-entry img.wp-post-image {
  display: block;
  float: none;
}
.category-daily-poo .post-entry img.wp-post-image {
  margin: 0;
  display: inline;
}
.category-daily-poo .read-more {
  margin-bottom: 30px;
}
.featured-barryfy {
  background-image: none;
}

.keel-stuff-links a {
  display: block;
  margin: 20px 0px;
  text-align: center;
  vertical-align: bottom;
  width: 100%;
}

.video-item {
  margin: 20px 0;
}

#menu-item-640 a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color rgb(245, 245, 245);
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    color: rgb(68, 68, 68);
    cursor: pointer;
    font-size: 13px;
    font-weight: normal;
    height: 45px;
    line-height: 45px;
    padding: 0 15px;
    text-align: left;
    text-shadow: none;
    margin-top: inherit;
    margin-left: inherit;
    position: inherit;
    width:inherit;
    background: none;
}

#menu-item-640 a:hover {
    transform: none!important;
}

}