/*
Theme Name: Outlet_Dokkum
Theme URI: http://Outlet-Dokkum.nl
Author: Greyson
Author URI: https://Greyson.org/
Description:The new OutletDokkum website special made for outlet's
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Me
Tags: one-column
*/
.AboutUs.R img
{
  transform: rotateZ(180deg) !important;
  float: right;
}
.wpcs_product_carousel_slider .product_image_container .product_thumb_link {
    display: block;
    overflow: hidden;
    border: 0;
    box-shadow: none;
    pointer-events: none !important;
}
.tmm .tmm_2_columns .tmm_member {
    margin-right: 4%;
    margin-left: 4%;
    width: 90% !important;
    float: left;
}
#panel-1269-3-2-0 {
  padding: 2.5% 28% 2.5% 28%;
}
#imgsamenQ
{
  margin-top: 7%!important;
}
h3
{
  margin-bottom:  10px;
}
p
{
  font-family: 'Lato', sans-serif !important;
}
#es_msg_pg
{
    color: #fff;
}
.Back_Top
{
  box-shadow: 0px 3px 10px #C1CDCD;
}
.imgsamen
{
  padding-top: 2.5% !important;
}
.Box_AB
{
    box-shadow: 0px -0px 1px #cccccc, 0px 0px 1px #cccccc;
}
/*----------------------------*/
body
{
  color:#2D2D2E;
  overflow-x: hidden;
  z-index: -10;
  margin: 0;
  font-family: 'Lato', sans-serif !important;
  cursor: default;
  font-weight: 500;
}
body::-webkit-scrollbar {
    width: 0.8em;
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

body::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}
.so-widget-sow-slider
{
  object-fit: cover;
  min-width: 100%;
  height: 36em;
}
/*---------------------------*/
#DeStud h3
{
  font-size: 270%;
}
.Row
{
  padding-top: 2%;
  margin: 0 auto;
  float: left;
  max-width: 400px;
}
.Icon
{
  padding-left: 7%;
  float: left;
}
.Box
{
  margin: 1.8px;
  float: left;
  height: 75px;
  width: 75px;
}
.Box > .button > a
{
  height:65px;
  width: 75px;
  text-decoration: none;
  color: #000000;
}
.button {
  float: left;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #2f2f2f;
  border: none;
  height: 65px;
  width: 75px;
  z-index: 5;
}

.Box .button:active {
  box-shadow: 0 5px #3d3d3d;
  transform: translateY(4px);
}

.Rbottom       {  border-bottom-left-radius: 75px;                                }
.Rtop          {  border-top-right-radius:   75px;                                }
.black         {                                     background-color: #282828    }
.green  .button{  border-top-right-radius:   75px;   background-color: #4CAF50;   box-shadow: 0 10px  #3e8e41;   } .green  .button:hover {background-color: #3e8e41; }
.orange .button{  border-bottom-left-radius: 75px;   background-color: #DF7401;   box-shadow: 0 10px  #bd6200;   } .orange .button:hover {background-color: #bd6200; }
.pink   .button{  border-radius: 5px;                background-color: #F5A9E1;   box-shadow: 0 10px  #e686cc;   } .pink   .button:hover {background-color: #e686cc; }
.yellow .button{  border-top-right-radius:   75px;   background-color: #D7DF01;   box-shadow: 0 10px  #bcc300;   } .yellow .button:hover {background-color: #bcc300; }
.blue   .button{  border-bottom-left-radius: 75px;   background-color: #0e3d8a;   box-shadow: 0 10px  #083379;   } .blue   .button:hover {background-color: #083379; }

#panel-121-2-2-0
{
  float: left;
}
.Slider_Onderners
{
  z-index: -5;
  height: 30em;
  width: 100%;
}
.Box_Menu
{
  display: flex;
  justify-content: center;
  align-items: center;
}
.share_buttons_1 {    display: none;}
.share_buttons_2 {    display: none;}

#pg-121-1, #pg-121-2, #pg-121-3, #pg-121-4, #pg-121-5, #pl-121 .so-panel , #pg-1269-1{
    margin-bottom: 0px !important;
}
#pg-121-1, #pg-121-6, #pg-121-7, #pg-121-8, #pl-121 .so-panel {
    margin-bottom: 0px !important;
}
/*Menu style */
.Header_Menu
{
  z-index: 100;
  text-align: center;
  background-color: #2D2D2E; /*old color #E0EEEE */
  height: 54px;
  -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}
  .header_menu1
  {
    position: fixed;
    width: 100%;
    height: auto !important;
    padding: 0.8% 0px;
    z-index: 100;
  }
.header_menu p
{
  margin-left: 125px;
  padding-right: 194px;
}
.header_menu > #pgc-1269-0-1 > #panel-1269-0-1-0 > .panel-widget-style > .so-widget-sow-editor  > .siteorigin-widget-tinymce  > p
{
  padding-left: 0px;
}
.header_menu1 img , .header_menu1 p
{
  padding-left: 125px;
  padding-right: 188px;
}
.header_menu
{
  position: fixed;
}
.imgbig
{
  padding-top:
}
ul
{
  margin: 0;
  padding: 0;
}
li
{
  display:inline-block;
  *display:inline; /*IE7*/
  *zoom:1; /*IE7*/
}
.Header_Menu > ul > li > a
{
  display: block;
  font-family: 'lato', sans-serif;
  text-decoration: none;
  line-height: 54px;
  font-size: 17px;
  color: #ededed;
  padding-right: 20px;
  padding-left: 20px;
  width: 100%;
  z-index: 10;
}
.home_page .mabel-bhi-businesshours
{
  font-size: 100% !important;
  margin-left: 0px;
}
.rwd-SlideOuter {
    background: none !important;
    max-height: 400px !important;
}
.imgbig
{
  padding-bottom: 5%;
}
/*Collor on hover*/
/*Old color from icons are #3e3e3e */
.hover-red:hover
{
    border-bottom: 4px solid #3e3e3e;
}
.wp-svg-cart-2
{
  color: #ececec ;
}
.hover-green:hover
{
    border-bottom: 4px solid #3e3e3e;
}
.wp-svg-file
{
  color: #ececec;
}
.hover-blue:hover
{
    border-bottom: 4px solid #3e3e3e;
}
.wp-svg-users
{
  color: #ececec ;
}
.hover-orange:hover
{
    border-bottom: 4px solid #3e3e3e;
}
.wp-svg-user-4
{
  color: #ececec;
}

.hover-pink:hover
{
    border-bottom: 4px solid #3e3e3e;
}
.wp-svg-home
{
  color: #ececec;
}

.L > .textwidget > p > img { float: left; width: auto; padding-right: 4%;}
.R > .textwidget > .animated  >  h1 >img{ float: right; width: auto; transform: rotate(180deg); -ms-box-transform : rotate(180deg); -webkitbox-transform: rotate(180deg); padding-right:  4%;}
.R > .textwidget > h1 > img { float: right; width: auto; transform: rotate(180deg); -ms-box-transform : rotate(180deg); -webkitbox-transform: rotate(180deg); padding-right:  4%;}

.Icon
{
  float: none !important;
}
.wd-clear > .gmwd_store_locator_container
{
  display: none !important;
}
.wd-clear
{
  margin-top: 2%;
}

.Icon > .textwidget > a > h1
{
  width: auto;
  float: left;
  padding: 0px 3%;
}
.Icon > .textwidget > a
{
  text-decoration: none;
  color: #2D2D2E;
}
.Icon > .textwidget > h1
{
  width: auto;
  float: left;
  padding: 0px 3%;
}
img {

  padding-right: 20px;
  float: left;
}
.imgsamen
{
padding: 0.7% 24%
}
.sow-slider-base {
    position: relative;
    overflow: hidden;
    max-height: 100%;
}
.sow-slider-base .sow-slide-nav a {
    color: #fff0 !important;
}
.so-widget-sow-slider-default-d75171398898 .sow-slider-base .sow-slider-pagination li a
{
    background: #fff0 !important;
}

/*------------page 2--------*/
.wp-svg-arrow-down-2::before {
    content: "\e12c";
    border: 2px solid white;
    border-radius: 50%;
    padding: 8px;
}
@import "compass/css3";

@include keyframes(bounce) {
	0%, 20%, 50%, 80%, 100% {
    @include transform(translateY(0));
  }
	40% {
    @include transform(translateY(-30px));
  }
	60% {
    @include transform(translateY(-15px));
  }
}

.wp-svg-arrow-down-2:hover {
    @include animation(bounce 2s infinite);
}
.rwd-SlideOuter {
    background: none !important;
    max-height: 400px !important;
    height: 180px !important;
}
.rwd-SlideWrapper {
    background: rgba(255, 255, 255, 0) !important;
    max-height: 150px !important;
}
.rwd-SlideWrapper img {
    width: auto !important;
    max-height: 140px!important;
    object-fit: cover!important;
}
html {
  margin-top: 0!important;
}
.rwd-Action > .rwd-Next
{
  display: none !important;
}
.rwd-Action > .rwd-Prev {
  display: none !important;
}
.Icon > a
{
  text-decoration: none;
  color: #d2d2d2;
}
.Icon > h1
{
  width: auto;
  float: left;
  padding: 0px 3%;
  text-align: center;
}
.Form
{
    margin-top: 2%;
    margin-right: 2%;
    height: 46px;
    width: 54%;
    font-size: 141%;
    text-align: center;
    color: #5c4a4a;
    font-weight: initial;
}
/*but of footer*/
.but
{
    margin-top: 5%;
    height: 50px;
    width: 23%;
    font-size: 141%;
    color: #E7E7E7;
    font-weight: initial;
    background-color: #2f3d67;
    border: 0px;
    cursor: pointer;
}
a
{
    text-decoration: none;
    color: #2D2D2E;
}
.wp-svg-arrow-down-2 , .site-link
{
  color: #E7E7E7 ;
}
.link_white
{
  color: #E7E7E7 !important;
}
.icon > h1
{
  width: auto;
  text-align: center;
  font-size: 300%;
}
/*butt of Contact page*/
.butt
{
  margin-top: 5%;
  height: 50px;
  width: 45%;
  font-size: 141%;
  color: #E7E7E7;
  font-weight: initial;
  background-color: #2f3d67;
  margin-right: 2%;
  margin-left: 2%;
  border: 0px;
  cursor: pointer;
}
/*but of Samewerking page*/
.buttt, .es_textbox_button
{
  width: 25%;
  height: 50px;
  font-size: 100%;
  color: #E7E7E7;
  font-weight: initial;
  background-color: #2f3d67;
  border: 0px;
  cursor: pointer;
}
.huge-it-slider.huge_it_slider li.active img {
    opacity: 1;
    transform: scale(1.2);
    z-index: 10;
}
.rwd-slide , .clone
{
      transform: scale(1);
      padding: 0 1.1%;
}
.rwd-SlideWrapper img , .clone img{
    height: 30% !important;
}
.imgbig
{
  padding-bottom: 0%;
  padding-right: 7%;
  width: 90%;
  height: auto;
  padding: 5%;
}
.Menu_top_Mobile
{
  display: none;
}
.Home-Page_1
{
  padding: 4% 31% 2% 31% !important;
}
.mbhi-is-current
{
  font-weight: bold;
}
.mabel-bhi-businesshours
{
  font-size: 15pt;
  margin-left: 33%;
}
tr , td
{
  width: auto;
}
.sow-slider-image
{
  z-index: -100 !important;
}  {
    padding: 9.5% 28% 6.5% 28%;
  }
.imgsamen
{
  margin-top: 0;
  padding-top: 0 !important;
}
#imgsamenQ
{
  margin-top: 10%;
}
.Box_Footer
{
  box-shadow: 0px -4px 8px 0 rgba(0, 0, 0, 0.2);
}

/*begin van kleine laptop's*/
/*
@media only screen and (max-width: 1620px)
{

}
*/
/*Tablato version starts here */
@media only screen and (max-width: 1600px)
{
  #panel-1269-3-2-0
  {
    padding: 9.5% 28% 6.5% 28%;
  }
  #panel-1269-3-0-0
  {
    padding: 9.5% 28% 5.5% 28%;
  }
  .so-widget-sow-slider
  {
    object-fit: cover;
    min-width: 100%;
    height: 25em;
  }
  .header_menu1 img, .header_menu1 p {
    margin-left: 0%;
    margin-right: 1.5%;
  }
  .header_menu
  {
    font-size: 85% !important;
  }
  .header_menu p {
    margin-left: 4%;
    margin-right: 10%;
  }
  .AboutUs.L
  {
    /*margin: 4% -40% 4% -9% !important;*/
  }
  .AboutUs.R
  {
    /*margin: 4% -9% 4% -40% !important;*/
  }
  .Box_Footer P
  {
    padding-right: 0% !important;
  }
  #OnzeStud , #overons
  {
    height: auto !important;
  }
  #HetTeam , #overons
  {
    height: auto !important;
  }
  #DeStud
  {
    padding: 0 !important;
  }
  #OnzeStud h3 , #overons h3, #HetTeam h3
  {
    margin: 5% auto !important;
    padding: 0 !important;
  }
  #overons img
  {
    padding-top: 0;
  }
  .header_menu1 img
  {
    width: 140%;
    height: auto !important;
    max-width: none!important;
    margin-left: 10px;
  }
  .imgbig
  {
    margin-top: 10%;
  }
  .mabel-bhi-businesshours
  {
    margin-left: 0%;
  }
  .buttAH
  {
    font-size: 87%;
  }
  .header_menu1 img
  {
    margin-left: 24% !important;
  }
  .header_menu1 img, .header_menu1 p {
      padding-left: 0px;
      padding-right: 67px;
  }
  .header_menu p {
    margin-right: 48px;
    padding-right: 0;
  }
  .header_menu1 img, .header_menu1 p {
    margin-left: 0%;
    margin-right: 5px;
  }
  .header_menu1 img, .header_menu1 p {
    padding-left: 0px;
    padding-right: 54px;
  }
}

/*Begin MObile*/

@media only screen and (max-width: 768px)
{
  .so-widget-sow-slider
  {
    object-fit: cover;
    min-width: 120%;
    height: 7em; !important
  }
  .header_menu p
  {
    margin-left: 125px;
    padding-right: 0px;
  }
  .header_menu {
    font-size: 80% !important;
  }
  .header_menu1 img, .header_menu1 p {
    padding-left: 0;
    padding-right: 0;
  }
  #panel-1269-0-1-0 > .panel-widget-style > .so-widget-sow-editor > .textwidget > p {
    margin: 7.2px auto !important;
  }
  .header_menu1 img {
    margin-left: 1% !important;
  }
  #imgsamenQ
  {
    display: none;
  }
  .TT
  {
    font-size: 75%;
    margin: 0;
  }
  .mabel-bhi-businesshours
  {
    margin-left: 5%;
  }
  body
  {
    font-size: 100%;
  }
  .imgbig
  {
    width: 100%;
    height: auto;
    padding: 30% 0% 0% 0% !important;
  }
  .header_menu
  {
    position: fixed;
    font-size: 80%;
  }
  .header_menu1 img
  {
    padding: 3.2% 0%;
    width: 70%;
    float: left;
    margin: 0;
  }
  .header_menu1
  {
    padding: 0.8% 0px !important;
    height: 58px !important;
  }
  /*.header_menu
  {
    padding-left: 7% !important;
  }*/
  .header_menu a
  {
    margin-left: 1%;
  }
  .link_white
  {
    text-align: center !important;
  }
  /*menu pic code*/
  #pgc-1269-1-0
  {
    width: 100% !important;
    float: left;
    height: auto;
  }
  /*menu 3 lines code change this for evere page*/
  #pgc-1269-1-1 , #pgc-1566-1-1 , #pgc-2058-1-1 , #pgc-1530-1-1 , #pgc-1719-1-1 , #pgc-1793-1-1
  {
    width: 100%;
    float: right;
    position: absolute;
    padding-right: 10% !important;
  }
  #overons ,#OnzeStud
  {
    height: 100% !important;
  }
  #overons img , #panel-1269-3-0-0  ,#panel-1269-3-2-0
  {
    display: none;
  }
  #overons h3 , #OnzeStud h3
  {
    font-size: 182%;
  }
  #DeStud
  {
    margin: 12% auto;
  }
  .AboutUs > .textwidget > p > img
  {
    float: left;
    width: 48%;
    padding-right: 4%;
    padding-bottom: 4%;
    height: auto;
  }
  .R > .textwidget > p > img
  {
    float: right;
  }
  .AboutUs > .textwidget > h1 {
      font-size: 150%;
      padding-bottom: 6%;
  }
  .AboutUs > .textwidget > p
  {
    padding: 0 5%;
    font-size: 89%;
  }
  .AboutUs
  {
    padding: 4% 2% 4% 2% !important;
    text-align: center !important;
    margin: 0 !important;
  }
  .AboutUs.L , .AboutUs.R
  {
    margin: 0 !important;
  }

  .Home-Page_1
  {
    padding: 2% 5% !important;
  }
  .BigBackPic
  {
    width: auto;
    height: 40%;
  }
  /*here you have to add more ID fot the margin problem*/
  #pgc-1269-0-0, #pgc-1269-1-0, #pgc-1269-3-0, #pgc-1269-3-1, #pgc-1269-4-0, #pgc-1269-5-0, #pgc-1269-6-0, #pgc-1269-7-0, #pgc-1269-7-1, #pgc-1269-8-0, #pgc-1269-10-0,#pgc-1269-1-1 , #pgc-2058-0-0 , #pgc-2058-1-1 , #pgc-2058-1-0 , #pgc-1530-0-0 , #pgc-1530-1-0 , #pgc-1719-1-1 , #pgc-1719-0-0 , #pgc-1719-1-0 ,#pgc-1793-1-1 , #pgc-1793-0-0 , #pgc-1793-1-0
  {
    margin-bottom: 0 !important;
  }
  /*Same over here ^^^^^^*/
  #pgc-2058-1-1 , #pgc-1566-1-1, #pgc-1566-1-1 , #pgc-1269-1-0 , #pgc-1269-1-1 , #pgc-1793-1-1, #pgc-1530-1-1
  {
    width: auto !important;
    right: 0 !important;
  }
  /*img float left menu*/
  #panel-1566-1-0-0, #panel-1269-1-0-0 , #panel-1566-1-0-0 , #panel-1530-1-0-0 , #panel-1719-1-0-0 , #panel-1793-1-0-0
  {
    float: left;
    padding-left: 7%;
  }
  /*a
  {
    float: left;
  }*/
  .Menu_top
  {
    -webkit-transition-duration: 0.25s;
    -moz-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s;
    outline: 0;
    transform: translateX(100%);
  }
  .Menu_top.active
  {
    -webkit-transition-duration: 0.25s;
    -moz-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s;
    outline: 0;
    transform: translateX( 0%);
  }
  .Menu_top a
  {
    width: 100%;
    text-align: center;
    font-size: 120%;
    padding: 2%;
    float: right;
  }
  .None
  {
    display: none;
  }

  .Menu_top_Mobile
  {
    width: 40px;
    height: 40px;
    margin: 7px -3%;
    display: block;

  }
  .Menu_top_Mobile hr.R
  {
    -webkit-transition-duration: 0.25s;
    -moz-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s;
    outline: 0;
    transform: rotateZ(0deg) ;
  }
  .Menu_top_Mobile hr.N
  {
    visibility: visible;
    opacity: 1;
  }
  .Menu_top_Mobile hr.L
  {
    -webkit-transition-duration: 0.25s;
    -moz-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s;
    outline: 0;
    transform: rotateZ(0deg) ;
  }

  .Menu_top_Mobile.active hr.R
  {
    margin: 39% -5%;
    transform: rotateZ(45deg) ;
    border:  1px solid rgb(37, 37, 37);
  }
  .Menu_top_Mobile.active hr.N
  {
    visibility: hidden;
    opacity: 0;
  }
  .Menu_top_Mobile.active hr.L
  {
    margin: -68% -8%;
    transform: rotateZ(-45deg);
    border:  1px solid rgb(37, 37, 37);
  }
  .tell
  {
    display: none;
  }
  #Slider_Onderners
  {
    height: 100%;
  }
  #OndSlid
  {
    padding: 0 !important;
  }
  #Box_Footer h3
  {
    font-size: 180%;
    text-align: center;
  }
  #Box_Footer
  {
    padding: 3% 12% !important;
  }
  .Form {
    margin-top: 2% ;
    margin-right: 2%;
    height: 46px;
    width: 59%;
    font-size: 141%;
    text-align: center;
    color: #5c4a4a;
    font-weight: initial;
  }
  .but {
    margin-top: 5%;
    height: 50px;
    width: 36%;
    font-size: 141%;
    color: #E7E7E7;
    font-weight: initial;
    background-color: #2f3d67;
    border: 0px;
    cursor: pointer;
  }
  .Icon > h1 {
    width: auto;
    float: left;
    padding: 0px 6%;
    text-align: center;
  }
  #panel-1269-11-0-0 > .panel-widget-style {
    color: #E7E7E7 !important;
    margin: 0% 6%;
  }
  #pgc-1566-0-0, #pgc-1566-1-0, #pgc-1566-1-1, #pgc-1566-4-0, #pgc-1566-4-1, #pgc-1566-5-0, #pgc-1566-5-1, #pgc-1566-6-0, #pgc-1566-6-1, #pgc-1566-7-0 ,#pgc-1530-1-1{

    margin-bottom: 0px !important;
  }
  .butt
  {
    font-size: 109%;
  }
  .Menu_top_Mobile
  {
    cursor: pointer;
  }
  .sow-slider-base {
    position: relative;
    overflow: hidden;
    height: 50em;
    top: 45px;
    z-index: -100;
  }
  #pg-1530-2 > .panel-row-style, #panel-1530-2-0-0 > .panel-widget-style {
    height: 9.7em !important;
  }
  .imgsamen
  {
    display: none;
  }
  .bbox
  {
    float: left;
    height: auto !important;
    padding: 5% 3% !important;
  }
  .buttAH
  {
    width: 100% !important;
    color: #E7E7E7;
    font-weight: initial;
    background-color: #2f3d67;
    margin-right: 2%;
    margin-left: 2%;
    border: 0px;
    cursor: pointer;
  }
  #Text
  {
    padding: 4% 4% !important;
  }
  #TextT
  {
    padding: 0% !important;
  }
  .TExtAH
  {
    padding: 29% 2% 0% 2%!important;
  }
  #SEAG img
  {
    height: auto;
    width: 100%;
    padding-bottom: 18%;
  }
  #ImgS
  {
    padding: 2% 10% !important;
  }
  .imgsamen
  {
    display: none !important;
  }
  .Top
  {
    margin-top: 23%;
  }
  .Back_Top
  {
    z-index: -100;
  }
  .header_menu p
  {
    margin: 7.2px auto;
  }
  .header_menu1 img , .header_menu1 p
  {
    margin-left: 0%;
    margin-right: 0%;
  }
}
/*Mobile version end here*/