/*

 Theme Name:   WP Coupon Pro lapsiteema

 Template:     wp-coupon-pro

*/

@import url("../wp-coupon-pro/style.css");

body {background:#f8f8f9 !important;}

.container {
  max-width: 1180px !important;
  padding: 0px 10px !important;
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 790px) {
  .container {
    padding: 0px 10px !important;
  }
}
@media screen and (min-width: 1100px) {
  .container {
    padding: 0px 10px !important;
  }
}

.site-content #content-wrap {
  padding-top: 20px !important;
  padding-bottom: 40px;
}
.single-coupon-box .store-listing-item .coupon-detail {max-width: 370px !important;}

.store-listing-item .latest-coupon {max-width: 370px !important;}

.cat-page-with-icon .cate-item {

  border:0px !important;background:#fff !important;

}

@media screen and (min-width: 790px) {
  .content-area {
    width: 68%;
    float: left;
    padding-bottom: 0px;
  }
}

@media screen and (min-width: 790px) {
  .sidebar {
    width: 31% !important;
    float: left;
  }
}

@media screen and (min-width: 790px) {
  .left-sidebar .content-area {
    float: right;
    width: 68% !important;
  }

  .right-sidebar .sidebar {
    float: right;
  }
}

.store-listing-item {
  padding: 15px 20px 0px 20px !important;
  margin-bottom:0px !important;}

h1,

h2,

h3 {margin-bottom: 10px !important;}



.site-header .logo_area {

  width: 28% !important;

}

h3.store-about-title, h3.widget-title, h3.store-name-title {
margin-bottom:15px !important;color:#1f1f1f;  border-bottom: 1px solid;
border-image: linear-gradient(to right, #25415b 30%, #f8f8f9 50%, #fff 60%);
border-image-slice: 1;
font-size:15px !important;font-weight:600 !important;}

h3.cat-title {
margin-top:20px;margin-bottom:15px !important;color:#1f1f1f;background:#fff;
font-size:15px !important;font-weight:600 !important;}


h1 {
line-height: 1.2;
letter-spacing: -1px !important;
margin-top:10px !important;
margin-bottom: 10px !important;
font-weight:700 !important;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
color: #070D12 !important;}

.pv {

      color: #25415b;font-weight:600;

   }

h2 {

  line-height: 1.2;

  margin-bottom: 10px !important;

}

h2.kauppah2 {
margin-top:2px;margin-bottom:5px;color:#888;
font-size:20px;font-weight:500;}


.esivu {
  font-size: 22px !important;
  color:#3a3a3a;
  letter-spacing: -0.5px;
  margin-bottom: 14px !important;
  text-align:center;
font-weight:300;
  border-bottom: 1px solid;
border-image: linear-gradient(to right, #f8f8f9 40%, #25415b 50%, #f8f8f9 60%);
border-image-slice: 1;}

.coupon-listing-item .c-type .exp {

  font-size: 12px !important;color:#4a4a4a !important;font-weight:300 !important;

}
.store-listing-item .coupon-detail .exp-text {
  margin: 2px 0 6px !important;
text-align:center !important;
font-weight:300 !important;
  color: #4a4a4a !important;}

.coupon-listing-item .coupon-listing-footer {

border-top: 1px solid !important;
background:#fff !important;
border-image: linear-gradient(to right, #fff, #f8f8f8, #e4e4e4, #e4e4e4, #e4e4e4, #e4e4e4, #e4e4e4, #e4e4e4, #e4e4e4, #f8f8f8, #fff) !important;
border-image-slice: 1 !important;
margin: 13px -15px 0 !important;
padding: 7px 15px 8px !important;
border-bottom-right-radius: 6px !important;
border-bottom-left-radius: 6px !important;
}

.store-listing-item .latest-coupon .coupon-title a, h2.coupon-title {

  color:#1f1f1f !important;font-weight:600 !important;font-size:18px !important;line-height:1.4 !important;margin-bottom:4px !important;margin-top:2px !important;
}

.store-listing-item .latest-coupon .coupon-title a:hover {

  text-decoration:underline;color:#333 !important;

}
.store-listing-item .store-thumb-link .store-name a {

  color: #4a4a4a !important;margin-bottom:4px !important;font-weight:400 !important;text-decoration:underline;}

.store-listing-item .store-thumb-link .store-name a:hover {

  color: #000 !important;}

.footeri {

      color: #656565 !important;

      font-size:14px !important;font-weight:300 !important;

   }

.coupon-store-main .shadow-box,.coupon-cat-main .shadow-box{
border:0 !important;border-radius:6px !important;
margin-bottom:15px !important;
box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px,0 0 0 1px rgba(0,0,0,0.1) !important;}

.coupon-store-main .shadow-box:hover,.coupon-cat-main .shadow-box:hover{
box-shadow: rgba(33, 35, 38, 0.2) 0px 10px 10px -10px,0 0 0 1px rgba(0,0,0,0.15) !important;}


#header-search .header-search-input {

  margin: 15px 5% 0px !important;

}


.primary-header {
  padding: 5px 0 !important;
    background:#25415b !important;  background-image: linear-gradient(to bottom, #213a51, #223b53, #223c54, #233e56, #243f58, #26415a, #28445d, #2a465f, #2e4962, #324d65, #365068, #3a546b) !important;}


a:link {

font-weight:700;

}

a:visited {

font-weight:700;}

a:hover {}

a:active {

font-weight:700;}



.header-content p {

color:#4a4a4a !important;font-size:13px !important;}



.st-menu ul {

  box-shadow: no-shadow !important;}

.site-navigation {box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.07),0px 10px 15px -5px rgba(0,0,0,0.08) !important;}


.st-menu a {

  padding: 8px 10px !important;

}
.st-menu a:hover {

color:#888 !important;
}



.primary-navigation .st-menu{

  text-align: left !important;}



.coupon-filter .filter-coupons-buttons .store-filter-button:hover, .coupon-filter .filter-coupons-buttons .store-filter-button.current {

  background-color: #fff !important; color: #4a4a4a !important;border-bottom:1px solid #25415b !important;border-radius:0px !important;}



.coupon-filter .filter-coupons-buttons .store-filter-button {

  border:0px !important;border-radius:0px !important;}



.sidebar .header-thumb img{background:#fff;padding:15% !important;
margin-bottom:10px !important;border:0px !important;box-shadow: 0 2px 4px rgba(0,0,0,0.07), 0 0 0 1px rgba(0,0,0,0.08) !important;}

.sidebar .header-thumb img:hover{opacity:0.8;}


.submit-coupon-button {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08) !important;
background-color: #25415b !important;color: #fff !important;}

.st-menu ul {

  padding-bottom: 2px !important;

}

.st-menu ul ul {

  padding-top: 3px !important;

}



.st-menu > li > a {

  padding: 10px 8px 10px !important;

}



.sidebar{}



.widget-area .widget .widget-title{margin-bottom: 15px !important;margin-top: 25px !important;}


.widget-area .widget {}

.widget-area .textwidget, .widget-area .custom-html-widget {
color:#4a4a4a !important;font-size:13px !important;padding:15px 20px !important;background:#fff !important;border-radius:5px;box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px,0 0 0 1px rgba(0,0,0,0.1) !important;}


.widget_popular_stores .ui.grid {

  margin: 0px 5px 5px !important;

}



.sivu {
color:#4a4a4a !important;font-size:13px !important;padding:15px 20px !important;background:#fff !important;border-radius:5px;box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px,0 0 0 1px rgba(0,0,0,0.1) !important;}



.widget-area .widget-content ul {

  padding: 10px !important;

}


.sidebar .shadow-box{font-size:13px !important;padding:15px 20px !important;background:#fff !important;border-radius:5px;box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px,0 0 0 1px rgba(0,0,0,0.1) !important;}

.kauppa {

background:#fff;
padding:25px;
border-radius:5px;
box-shadow: 0 6px 24px 0 rgba(0,0,0,0.05), 0 0 0 1px rgba(0,0,0,0.08);}

.kauppa p {

font-size:14px !important;}

.sisalto {

background:#fff;
padding:25px;
border-radius:5px;
box-shadow: 0px 1px 0px rgba(17,17,26,0.1);}

.sisalto1 {

padding:5px 25px;border-bottom:1px solid #ededed;}

.sisalto p, .sisalto1 p {

font-size:14px !important;}



.coupon-button-type .coupon-code {border: 1px dashed #888 !important;background:#fff !important;

background-image: linear-gradient(#f1f1f1 1px, transparent 1px), linear-gradient(to right, #f1f1f1 1px, transparent 1px) !important;

background-size: 5px 5px !important;}

#bc {

position:relative;

margin:0;

}

ul.breadcrumb {

  padding:15px 16px 2px 16px;

  list-style: none;}



ul.breadcrumb li {

  display: inline;

  font-size: 1em;

}



ul.breadcrumb li+li:before {

  padding: 8px;

  color: black;

  content: "\00bb";

}



ul.breadcrumb li a {

  text-decoration: underline;font-weight:400;color:#4a4a4a;

}



ul.breadcrumb li a:hover {

  color: #000;

  text-decoration: underline;

}


a.sivupalkki:link, a.sivupalkki:visited, a.sivupalkki:active {

  color:#25415b !important;text-decoration:underline;}

a.sivupalkki:hover {text-decoration:underline;color:#000 !important;}

.coupon-button-type .coupon-deal, .coupon-button-type .coupon-print, .coupon-button-type .coupon-code {

  letter-spacing: 0px !important;
text-transform:none !important;
font-weight:600 !important;border-radius:3px !important;
box-shadow: 0px 1px 0px rgba(17,17,26,0.1), 0px 3px 5px rgba(17,17,26,0.06), 0px 5px 10px rgba(17,17,26,0.06) !important;}

.coupon-button-type .coupon-deal {
background:#25415b !important;border-radius:3px !important; box-shadow: 0px 1px 0px rgba(17,17,26,0.1), 0px 3px 5px rgba(17,17,26,0.06), 0px 5px 10px rgba(17,17,26,0.06) !important;}          

.coupon-listing-item .store-thumb-link .store-thumb {
box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px, 0 0 0 1px rgba(0,0,0,0.1) !important;border:0 !important;border-radius: 3px !important;
margin-bottom: 0px !important;margin-right:15px !important;max-height: 73px !important;max-width: 110px !important;padding:0 !important;}

.frontpage-before-main .store-thumb {
  border-radius:5% !important;
 box-shadow: 0 6px 24px 0 rgba(0,0,0,0.05), 0 0 0 1px rgba(0,0,0,0.1) !important;background:#fff !important;border:0 !important;

}

.frontpage-container .content-area {
  width: 75% !important;
}

.frontpage-container {
  width: 75% !important;
}


.frontpage-container .coupon-item{
  box-shadow: 0 6px 24px 0 rgba(0,0,0,0.05), 0 0 0 1px rgba(0,0,0,0.1) !important;
  border-radius: 12px !important;
}


  .nav-toggle {

    color: #fff !important; background: transparent !important;}

.site-footer {
  color: #2a2a2a !important;}



.site-footer p {

  color: #2a2a2a !important;
  font-size:14px !important;
}

.site-footer a {

  color: #25415b !important;
  font-size:14px !important;
}



.site-footer a:hover {

  color: #111 !important;

}



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

  .site-content{

    padding-top: 0px !important;margin-top:-25px !important;

  }

  .site-content #content-wrap{

    padding-top: 0px !important;margin-top:-25px !important;

  }
  /*header*/

  .site-header{

        background:#25415b !important;  background-image: linear-gradient(to bottom, #213a51, #223b53, #223c54, #233e56, #243f58, #26415a, #28445d, #2a465f, #2e4962, #324d65, #365068, #3a546b) !important;
     position: relative !important;padding:0 !important;margin:0 !important;}
}

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

  .sidebar{display: block !important;float:none;}
  .coupon-listing-item .coupon-detail .coupon-button {float:left !important;}
  .store-listing-item .coupon-detail {float:left !important;}
  .frontpage-container .content-area {width: 100% !important;}
  .footeri {font-size:12px !important;}

  .frontpage-container {width: 100% !important;}

  .site-navigation{

    box-shadow:none !important;
         background:#25415b !important;  background-image: linear-gradient(to bottom, #213a51, #223b53, #223c54, #233e56, #243f58, #26415a, #28445d, #2a465f, #2e4962, #324d65, #365068, #3a546b) !important;}
}



@media screen and (max-width: 500px) {
.site-header .logo_area {width: 90% !important;}
.header_search {display:none !important;}
.coupon-listing-item .store-thumb-link .store-thumb {min-height: 182.5px !important;min-width: 275px !important;margin-bottom:8px !important;display: grid !important;place-items: center !important;}
  .coupon-listing-item .coupon-detail .coupon-button {float:center !important;}
  .store-listing-item .coupon-detail {float:center !important;}
}

@media screen and (max-width: 789px){
  /*sidebar*/
  .sidebar{
    display: block !important;float:none;
  }
.sidebar .header-thumb img{display:none;} 
.site-header .logo_area {width: 75% !important;padding:0 !important;}
.header_search {width: 20% !important;}
h1 {font-size:20px !important;margin-top:5px !important;}
h2 {font-size:16px !important;}
.store-listing-item .latest-coupon .coupon-title a, h2.coupon-title {
font-size:18px !important;}
}

.footer-widgets-area .store-letter-content .ui.grid>.column:not(.row){
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}