/**
 * Place your custom styles here.
 */


html{
  overflow-x: hidden;
  max-width: 100%;  
  background: rgba(250, 250, 250, 1);
}

body{
  margin-top: 0;
  font-family: "Cal Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}

body.toolbar-tray-open.user-logged-in{
  padding-top: 80px !important;
}

.container-fluid{
  padding-left: 0;
  padding-right: 0;
}

.paragraph--type--bp-columns-two-uneven{
  padding-left: 15px;
  padding-right: 15px;
}

.container-fluid.pad{
  padding-left: 15px;
  padding-right: 15px;
}

.dialog-off-canvas-main-canvas{
 overflow-x: hidden; 
}

a{
  cursor: pointer;
  color: #834500;
}

img{
  max-width: 100%;
  height: auto;
}

img.responsive{
  height: auto !important;
}

.breadcrumb{
  margin-bottom: 0;
}

h1{
  font-size: 2.4rem;
  color: #333298;
}

h1.page-header{
  margin-top: 20px;
}

h2{
  color: #b36d0a;
}

.stretch{
  margin-left: -15px;
  margin-right: -15px;
}

.nomargin{
  margin: 0 0 0 0;
}

.vertical-align, .region-header {
  display: flex;
  align-items: center;
}
.paragraph--bp-accordion-container{
  padding-top: 0;
}
.paragraph--type--xeno-hero__image{
  background-size: cover;
  background-repeat: repeat-y;  
}

.paragraph--type--xeno-hero{
  padding: 40px 0;
}

.paragraph--type--xeno-hero__image{
  background-size: 350%;
}


.page-node-30 .paragraph--type--xeno-hero__image{
  background-size: 100%;
}

.page-node-15 .paragraph--type--xeno-hero__image{
  background-size: 400%;
}


/* generic styles */

.paragraph--type--xeno-hero:not(.paragraph--overlay--invert) a{
  color: #fff;
  text-decoration: underline;
}


.alert-success{
  background: rgba(149, 201, 151, 0.2);
  color: rgba(75, 100, 75, 1);  
}

.paragraph--color--primary{
  background: rgba(149, 150, 201, 0.2);

  color: rgba(75, 75, 100, 1);
}


.paragraph--color--secondary{
  background: rgba(199, 150, 160, 0.2);
  
  color: rgba(100, 75, 80, 1);

}

.paragraph--color--success{
  background: rgba(200, 199, 150, 0.2);
  
  color: rgba(100, 100, 75, 1);  
}

.paragraph--color--info{
  background: rgba(149, 201, 151, 0.2);    
  
  color: rgba(75, 100, 75, 1);
}

.region-content .content table{
  border-collapse: separate;
}

.region-content .content table caption{
  color: #000;
  text-align: center;
  font-size: 1.1em;
}

.region-content .content table tr.psodd td{
  background: #fbfbfb;
}

.region-content .content table th{
  padding: 5px;
  background: #e7e7e7;
}

.region-content .content table td{
  padding: 5px;
  background: #fff;
}

div.captcha{
  margin-bottom: 15px;
}

/* accordions */

.panel.panel-default{
  
}

.panel-title{
  
}

.panel-collapse.collapse{
  
}

.panel-collapse.collapse.in{
  
}

/* slick carousel  */

nav.slick__arrow{
  display: none;
}


/* header */

#header{
  
}

@keyframes fade {
  from {
    filter: grayscale(100%); 
  }
  to {
    filter: grayscale(00%); 
  }
}

@keyframes spin {
  from {
    transform:rotate(0deg);
  }
  to {
    transform:rotate(360deg); 
  }
}

#block-works-logo img.fancy{
 animation-name: spin;
 animation-duration: 40000ms;
 animation-delay: 0ms, 2000ms;
 animation-iteration-count: infinite;
 animation-timing-function: linear; 

}


/* nav */

#block-works-logo p{
  margin: 0 0 0 0;
}

#block-works-logo p a.company{
  text-decoration: none;
}

#block-works-logo p span.company{
  font-size: 36px;
  margin: auto 5px;
  color: #27709d;
  vertical-align: middle;
}

#block-works-logo .lmove{
  position: relative;
  left: -75px;
  margin-right: -75px;
}

.navbar, .highlighted, .path-blog .main-content{
  padding: 10px 15px;
}



/* menu styles */

.navbar, #navbar-main{
  background: rgb(251, 251, 237);
  border-radius: 0;
  border: none;
  color: #333;
  margin-bottom: 0;
}

.dropdown-menu{
  left: -136px;  
}

#main-wrapper{
  background: linear-gradient(180deg,rgba(251, 251, 237, 1) 0%, rgba(250, 250, 250, 1) 100%);
}

#block-searchform .form-group{
  margin-bottom: 0;
}


.navbar-default .navbar-nav > .active > a{
  
}



.navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
  
}

.navbar-toggle{
  margin-right: 0;
}

.dropdown-menu{
  
}

.dropdown-menu > li > a{
  
}

/* highlighted */

.highlighted{
  background: rgb(251, 251, 237);
}

.region-highlighted{
}

.breadcrumb{
  
}

.breadcrumb > li{
  
}

.breadcrumb > .active{
  
}

.breadcrumb > li a{
  
}

.region-highlighted h1{
  padding-left: 15px;
  padding-right: 15px;

}

/* left sidebar */

.region-sidebar-first h2{
  
}

.region-sidebar-first h3{
  
}

.region-sidebar-first h4{
  
}

.region-sidebar-first .content ul{
  
}

.region-sidebar-first .content ul li{
  
}


/* Content */


.constrain .region-content{
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
}

.region-content{
  font-size: 15px;
}

.region-content h2{
  font-weight: bold;
  color: #834500;
  text-decoration: none;
}

.node-readmore a{
  color: #834500;
}

.viewsreference--view-title{
  color: #000;
  font-size: 2.2rem;
}

.node--view-mode-teaser h2 a{
  color: #834500;
  text-decoration: none;
}

.region-content h3{
  background: inherit;
  color: inherit;
}

.region-content h4{
  
}

.region-content .content ul{
  
}

.region-content .content ul.check li{
  list-style: none;
}


.region-content .content ul.check li:before {
 content: "\e013";
 font-family: 'Glyphicons Halflings';
 font-size: 12px;
 position: relative;
 margin-right: 10px;
 margin-left: -21px;
 top: 1px;
}

.page-node-type-blog .field--name-field-blog-image{
  float: right;
}

.page-node-type-blog article.blog .paragraph{
 width: auto; 
 display: block;
 
}

.page-node-type-blog article.blog .paragraph__column{
  display: block;
  width: auto;
  float: none;
  
}

/* right sidebar */

.region-sidebar-second h2{
  
}

.region-sidebar-second h3{
  
}

.region-sidebar-second h4{
  
}

.region-sidebar-second .content ul{
  
}

.region-sidebar-second .content ul li{
  
}



/* footer */
.footer{
  margin-top: 0px;
  padding-top: 0;
  padding-bottom: 0;
  border-top: none;
}
footer.site-footer{
  font-family: inherit;
  background: rgb(51, 50, 152);
  font-size: 1.2rem;
}

.social a{
  font-size: 2rem;
  margin: 0 15px;
}

.site-footer__bottom{
  margin-top: 0;
  border-top: none;
  text-align: center;
}

.region-footer h2{
  
}

.region-footer h3{
  
}

.region-footer h4{
  
}

.region-footer .content ul{
  
}

.region-footer .content ul li{
  
}

/* footer2 */

.footer2{
  margin-top: 0px;
  padding-top: 0;
  padding-bottom: 0;
  border-top: none;
  
  color: #fff;
}


.region-footer2 h2{
  
}

.region-footer2 h3{
  
}

.region-footer2 h4{
  
}

.region-footer2 .content ul{
  
}

.region-footer2 .content ul li{
  
}

.path-blog h1{
  color: #b36d0a;
}

.card-group .card{
  --bs-card-cap-bg: #eeffe6;
  --bs-card-border-radius: 15px;
  border-top-left-radius: 15px !important;
  border-bottom-left-radius: 15px !important;
  border-top-right-radius: 15px !important;
  border-bottom-right-radius: 15px !important;
}


.card-group .card{
  margin: 15px 15px 15px 15px;
  padding-bottom: 15px;
}

.card a{
  margin: 15px auto;
}

.card-header a{
  text-decoration: none;
  color: #333298;
  font-size: 1.75rem;
}

.card{
  background:rgb(237, 251, 251);
}

.card-body{
  background: #fff;
  bottom: -7px;
  position: relative;
  margin: 0 7px;
  border-radius: 15px;
}

.page-node-3 #main-wrapper{
  background: rgba(251, 251, 237, 1);  
}
.page-node-3 #navbar-main{
  background: #DFFFCF;
}

.paragraph--id--12{
  background: #DFFFCF;
  background: linear-gradient(180deg,rgba(223, 255, 207, 1) 0%, rgba(251, 251, 237, 1) 100%);
  color: #504242;
  font-size: 1.2rem;
}

.paragraph--id--12 h1{
  color:#333298
}