/*
Theme Name: Widescreen Child 2015
Theme URI: http://graphpaperpress.com/themes/widescreen/
Description: Widescreen Child Theme
Tags: white, light, one-column, fixed-width, flexible-width, custom-background, custom-menu, editor-style, featured-images, full-width-template, post-formats, theme-options, threaded-comments, translation-ready, photoblogging
Author:       Chris Merle & Bob Oldfather
Author URI:   https://nouveauraw.com
Template:     widescreen
Version:      1.0.1
License: GNU General Public License, V2
License URI: license.txt
*/


@import url("../widescreen/style.css");
@import url("webfonts/webfonts.css");


hr {
    background-color: #b8860b;
    color: #b8860b;
  	border-color:#b8860b;
}

/* wp favorites button */
.wpfp-link-wrap {
  margin:5px 0 20px 0;
}
.wpfp-link {margin-left:4px;}

.wpfp-img {padding:0 0 4px 0;}

.wpfp-span {
  background: transparent;
  border-radius: 8px;
  border: solid 2px #718f17;
  color: #bda86a;
  text-decoration:none;
  padding: 10px 14px 8px 10px;
  font-weight: normal !important;
  letter-spacing: 1px;
  font-family: Helvetica, sans-serif;
  margin:4px;}

/* footer-container */

.fat-footer {
  background:black;
  border-top:solid #BDA86A 2px;
  padding-left:340px;
}

#footer {
  padding-bottom:190px;
  margin-bottom:0;
}

/* featured image */
.featured > .wp-post-image {
float:none;
display:block;
margin:0 auto;
}

.image-wrap {
 float:left;
 display:inline;
 margin:50px 0px 10px 5px;
 position:relative;
 width:240px; height:320px;
 background-color: white;
 background-image: none;
border:none;
 background-position: 7px 7px;
 background-repeat: no-repeat;
 padding:0;
 -webkit-box-shadow:0 0 0px #000;
 -moz-box-shadow:0 0 0px #000;
 text-shadow:1px 1px 1px #000; overflow:hidden;
}

/* wrap text around excerpts on blog page */
.wp-post-image {float: left; margin:4px;}

.image-wrap .wp-post-image {float: left; padding:0px;margin:0px;}

.image-wrap img { background-color: transparent;}

.image-wrap span.title {
  display:block;
  color:#ccc;
  position:absolute;
  top:18px;
  left:18px;
  z-index:10;
  font-size:20px;
}

.content img{
  box-shadow: 3px 3px 10px 1px rgba(0,0,0, 1);
}

.image-wrap span.category {
  color:#444;
  text-align: center;
  font-family: "Delius", cursive;
  position:absolute;
  bottom:18px;
  left:18px;
  display:block;
  width:224px;
  font-size: 24px;  /* 11px */
  text-transform: none; /* uppercase */
  line-height: 28px;
  bottom: 80px;
  letter-spacing:1px; z-index:1;
}

.image-wrap span.category a {
   text-decoration: none;
   color: #666;
}

.image-wrap span.title a { color:#fff; }
.thumblink a { display:block; position:absolute; z-index:0; top:7px; left:7px; }

.fancy { font-style:normal; }

.nr_title {
    font-size: 1.1em;
    font-style: normal;
    font-family: "Delius", cursive;
    line-height: 1.2em;
    margin: 0px 6px 0px 6px;
    height: 40px;
    float:left;
}
span#togglemenu {
    background: inherit;
}

h2.chw-title {
	color:transparent;
	font-size:0.5em;
    }


/* content styling */
.cat_page.container {max-width:2400px;}
.ctr_page.container {margin: 0 auto;}
.credits {text-align: center !important;}

body, p, textarea, input, h2.site-description {
    color: #BDA86A;
    font-size: .95em;
}

.fancy { color: #BDA86A; }

.fancy, .image-wrap span.title {
    font-family: "Delius", cursive;
}
.page-template-Pagewhite .content h2.fancy {
    background: #749221;
    color: #fff;
}
.page-template-page-wider-white a.pmpro_radio:hover {
    color: #b8860b;
}
h2.fancy,
h1, h2, h3, h4, h5, h6 {
    font-family: champagne__limousinesregular, sans-serif;
    /* font-variant: small-caps; */
}
h2.fancy{
  letter-spacing: 1.3px;
}
h1.sitename img {
    padding: 25px 25px 15px 25px;
    box-sizing: border-box;
}
h1.sitename {
    padding: 2px;
    margin-bottom: 0px;
}
h1.sitename a {
    display: block;
}
@font-face {
    font-family: "Delius";
    font-style: normal;
    font-weight: 400;
    src: local("Delius-Regular"), url("https://fonts.gstatic.com/s/delius/v6/bDpuiE0ncvY05_AsiZIWR-vvDin1pK8aKteLpeZ5c0A.woff2") format("woff2"), url("https://fonts.gstatic.com/s/delius/v6/brLBPBAUw-PpA7n74Uo__uvvDin1pK8aKteLpeZ5c0A.woff") format("woff");
}

h1, h2, h3, h4, h5, h6, ul.menu li a {
    color: #718F17;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #718F17;
}

a {color: #FFF1C7;}
a:hover  {color: #FFF1C7;}


.menu {
    border-bottom: none;
}

#menu-main-menu {
    margin-top: 0.5em;
}

#menu {
  position:fixed;
  margin-top:0px;
  width: 250px;
  max-width: 400px;
  padding: 0px;
  background-image: none; 
  background-color: black; 
  background-repeat: repeat; 
}


 #menu .description,
 #menu .mainmenu{
     padding: 0px 25px;
 }
.menu{
   margin-top: 14px;
   margin-bottom: 0px;
}
.menu-item a, .menu-item a:visited  { border-top:none;
                           padding:0.5em;
                           color:#718F17;
                           max-width: 200px;
                     }


.menu-item a:hover {color:#BDA86A;}

.menu li:hover, .menu li.sfHover, .menu a:focus, .menu a:hover, .menu a:active {background: transparent;  }
.menu li:hover{
  background: #000;
}

.menu ul{
  width: 100%;
}
#phide, #hide, .form-allowed-tags { display:none;}

textarea { background:#333; color:#BDA86A; }
#menu input {
    background: #333;
    color: #BDA86A !important;
    border: solid 1px #a2cc22;
    font-size: 18px;
    width: 150px;
    padding: 3px 15px;
}

/* CAPTIONS */
.wp-caption p.wp-caption-text,
.caption { font-size:16px; line-height: 20px; margin:0; padding: 10px 0; text-align:center; max-width: 795px; font-style:normal;
}

.switcher {
    text-align: center;
    border: solid 1px #a2cc22;
    width: 130px;
    margin: 0 auto;
    border-radius: 10px;
    margin-top: 10px;
    padding: 2px 3px 4px 2px;
}
.switcher h3 {
    padding-top: 9px;
    font-family: Helvetica, Arial, sans-serif;
    padding-bottom: 0px;
    font-size: 18px;
    font-variant: inherit;
}

.switcher p {
	padding-top: 5px;
	font-family: Helvetica, Arial, sans-serif;
	padding-bottom:0;
	font-variant: inherit;
}

.switcher .wp_user_stylesheet_switcher_active_option{
  border: solid 2px #708f19;
}
#black,
.switcher button:nth-of-type(1n) {
    background: #000;
}
#white,
.switcher button:nth-of-type(2n) {
    background: #f9f9f9;
}
.wp_user_stylesheet_switcher_button{
  display: inline-block;
  height: 20px;
  width: 42px;
  border: solid 1px #708f19;
  border-radius: 10px;
  margin: 4px 2px 0px;
  cursor: pointer;
}
.switcher button{
  border: none;
  background: transparent;
  padding: 0px;
  font-size: 0px;
  margin: 0px 2px;
  cursor: pointer;
}
.switcher img{
  max-width: 25px;
}


hr.myblog {
     border-top:solid 4px #282828;
     border-bottom:solid 0 #f2f2f2;
     border-left:solid 0 #f2f2f2;
     border-right:solid 0 #f2f2f2;
}

/* search box on Menu */

#menusearch {
    background: transparent none repeat scroll 0 0;
    color: #a2cc22;
    font-size: 1.2em;
    height: 1.2em;
    margin: 0px 0 10px 0px;
}

.rounded-corners {
     	-moz-border-radius: 20px;
   	-webkit-border-radius: 20px;
    	-khtml-border-radius: 20px;
    	border-radius: 20px;
}

.rounded-corners {
    behavior: url(/wp-content/themes/widescreen-child/styles/border-radius.htc);
    border-radius: 20px;
}


#fancybox-title {
  color:#bae03d;
  font-size: 14px;
}

#fancybox-content {
    border:solid #000000 1px;
}

#fancybox-outer {
    background:#000000;
    border:solid #000000 1px;
}


.small-menu {
    border-top: solid #333 1px;
}

.menu li {
    width: 11em !important;
}
.menu li li a {
    width: 90% !important;
}

h2.fancy  {
    font-size: 2em;
    text-align: center;
    font-style: normal;
}

h2.entry-title {
    margin-bottom: 0;
    font-weight: bold;
    font-size: 1.25em;
    padding: 0;
}
.post, .page {
    margin: 0;
}

a, a:link, a:visited {
    color: #718F17;
}
a:hover, a:focus, body.home ul#jbg-menu li a.selected {
    color: #BDA86A;
}

h1, h2, h3, h4, h5, h6 {
    color: #BDA86A;
}

ol.commentlist {
background-image: none;
border:none;
}


ol.commentlist li ul.children {
background-image: url("images/h-bg.png");
}

ol.commentlist li ul.children .comment-author {
    color: white;
}

ol.commentlist li ul.children .comment-body {
    color: #BDA86A;
}

h3.fancy {
color:#718F17;
}

h2#comments-title {
    color: #718F17;
    font-size: 1.5em;
    text-align: center;
}

.credits {
clear: both;
}

ul.mobilemenu {
    padding: 0 0 0 20px;
}

#comments li {
    list-style: none;
}
.container ul {
    list-style: disc;
    list-style-position: outside;
    margin: 0 0 20px 40px;}

.container ol {
    list-style: decimal;
    list-style-position: outside;
    margin: 0 0 20px 40px;
}

/* subscribe2 button */
.s2button {
    background: url(/wp-content/uploads/2015/05/subscribe-sm.png) no-repeat;
    width: 150px;
    color: transparent !important;
    border: none;
    height: 40px;
}

.us2button {
    background: url(/wp-content/uploads/2015/05/unsubscribe-sm.png) no-repeat;
    width: 150px;
    color: transparent !important;
    border: none;
    height: 40px;
}
/* gets rid of ugly background on author post replies*/
.bypostauthor {
   background-color: transparent;
}
textarea {
background: transparent;
border: black solid 2px;
color: #BDA86A;
}
#footer p.credits { text-align:justify; }


/* get rid of the (comments are closed) especially for the amazon store */
.nocomments {
display:none;
}

/* fixing footer widget width 11-29-2015 CLM */

.cat_page #footer {
    margin: 0 0 0 -325px;
}

#footer .widget {
        float: left;
        width: 25%;
    }

.cat_page #footer .widget {
        float: left;
         width: 25%;
    }

.widget_extended-categories {
        width:20% !important;
}

input#discount_code_button {
    padding: 5px 20px;
    cursor: pointer;
}
/* ----------------------------------------------------------- */
/* ---------------      HomeHOME     ------------------------- */
/* ----------------------------------------------------------- */
.home .content h2{
  font-style: normal;
}
.home .content h2,.home .content h3 {
margin: 0px 0px 0px 0px;
padding: 5px;
}

.home .content p {
font-size: 1.0em;
}

.home .content #para1 {
    text-decoration: underline;
}

.home .content .button-block { line-height:3.5em; }
/* ----------------------------------------------------------- */
/* -----------------      POPUP     -------------------------- */
/* ----------------------------------------------------------- */
#popup-box-pro-gfcr-1 .popupally-pro-outer-1-fluid_abdess,
#popup-embedded-box-pro-gfcr-1 .popupally-pro-outer-embedded-1-fluid_abdess,
body #popup-box-pro-gfcr-1 .popupally-pro-outer-full-width-1-fluid_abdess,
#popup-embedded-box-pro-gfcr-1.popupally-pro-outer-full-width-1-fluid_abdess{
  border-radius: 15px !important;
  background-color: rgba(254, 254, 254, 0.85) !important;
}

/* ----------------------------------------------------------- */
/* ----------      Woocommerce Styles     -------------------- */
/* ----------------------------------------------------------- */
#payment p,
#payment {
    color: black;
}
.container .woocommerce button.button,
.container .woocommerce button.button.alt,
.container .woocommerce a.button.alt,
.container .woocommerce input.button{
  background-color: #718f17;
  border-radius: 0px;
  color: #fff !important;
  border: 0px solid #eee !important;
  text-decoration: none;
  padding: 9px 14px;
  font-weight: bold;
  letter-spacing: 2px;
  font-family: Helvetica, sans-serif;
}
.container .woocommerce button.button:hover,
.container .woocommerce button.button.alt:hover,
.container .woocommerce a.button.alt:hover,
.container .woocommerce input.button:hover{
  background-color: #aec205;
}
.container .woocommerce button.button:disabled, .container .woocommerce button.button:disabled[disabled] {
    color: #000;
}
body.woocommerce-cart table.cart td.actions .coupon .input-text, body.woocommerce-checkout table.cart td.actions .coupon .input-text{
    border: 0px solid #d3ced2;
    padding: 8px 10px 8px;
    outline: 0;
    width: 110px;
    border-radius: 0px;
}
.container .woocommerce div.product .stock,
.container .woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #BDA86A;
}
.woocommerce-page.woocommerce-cart .cart-collaterals .cart_totals tr td,
.woocommerce-page.woocommerce-cart .cart-collaterals .cart_totals tr th,
.woocommerce-page .woocommerce table.shop_table td,
.woocommerce-page .woocommerce table.shop_table {
    border: 1px solid rgba(255,255,255,0.2);
}
 .container .woocommerce form input {
    border-radius: 0px;
    padding: 4px;
    color: #000;
}
.woocommerce-page textarea {
    background: #fff !important;
    color: #000;
    border-color: rgba(255,255,255,0.2);
    min-height: 155px;
}
.woocommerce-page form.checkout_coupon .form-row-first {
    width: 50%;
}
.woocommerce-page .woocommerce .quantity .qty,
.woocommerce-page form.checkout_coupon .form-row-first input{
  padding: 8px;
}
.woocommerce-page .woocommerce-info:before,
.woocommerce-page .woocommerce-info {
    border-top-color: #aec205;
    color: #000;
}
@media screen and (max-width: 820px) {

    #footer .widget {
        float: left;
        text-align: center;
        width: 50%;
    }

  .fat-footer {
  padding-left:240px;
}

   .widget_extended-categories {
        width:40% !important;
   }

}




/* marketing page template wider content */
.marketing-page, .page-new {
background:url("https://nouveauraw.com/wp-content/uploads/2020/05/logo.800x800.png") no-repeat center right fixed;
}

.page-template-page-wider-white .container,
.marketing-page .container {
	max-width:1195px;
	padding-left:300px;
	padding-right:30px;
	font-size:1.2em;
}


@media screen and (max-width: 950px) {
  #menu input{
    max-width: 120px;
  }
  #menu .description, #menu .mainmenu {
    padding: 0 15px 0;
  }

  #menu .switcher{
     width: 137px;
   }

  #menu img,
  #menu {
    width: 180px;
  }
  #menu img{
    padding: 5px;
  }
  #menu a {
    width: 100% !important;
  }
  .menu li li a {
      width: 90% !important;
  }
  #menu .menu a {
    width: 11em!important;
  }
  .marketing-page .container {
      padding-left: 240px;
      font-size:1em;
      padding-right:20px;
  }
  .marketing-page #footer {
    margin-left:-240px;
  }
	
  #footer .widget {
      float: left;
      width: 25%;
  }

  .fat-footer {
  	padding-left:240px;
	}

.cat_page #footer .widget {
      float: left;
      width: 25%;
      margin-left:1.5em;
  }
}

#bbp_topic_content {
    background: #545454;
}

@media screen and (max-width: 768px) {
        .marketing-page .container {
            width: 90%;
            padding: 0;
            padding-top: 100px;
            margin: 0 auto;
            font-size:1em;
        }

    	.marketing-page #footer {
					margin:0 auto;
			}

	.bbpress > .container { padding: 10px 0 0; }
	
	#footer .widget {
    	float: left;
    	width: 50%;
  	}
	
    .fat-footer {
  		padding-left:10px;
     	padding-right:10px;
	}
}


@media screen and (max-width: 650px) {
    .marketing-page .container {
        font-size:1em;
        padding:0;
    }
   	.marketing-page #footer {
		margin:0 auto;
	}

    #footer .widget {
      float: left;
      width: 100%;
    }
  
    .fat-footer {
      padding-left:5px;
      padding-right:5px;
    }
}


/* Subscribe2 styles */

#my_s2_form {
text-align:center;
margin:0 auto;
padding:10px;
font-size:1.4em;
}

#my_s2_form input[type="text"], input[type="email"] {
    padding: 0 20px;
    width: 400px !important;
    font-size: 1.4em;
    line-height: 1.4em;
    letter-spacing: 1px;
    border-radius: 3px;
    border: solid 1px #bda86a;
}




#my_s2_form input[type="submit"] {
    padding: 10px 20px !important;
    border-radius: 3px;
    font-size: 1.3em;
}

#my_s2_form input[type="submit"]:hover {
    color: #000 !important;
}