/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  /*padding-top: 2rem;*/
  padding-bottom: 3rem;
  /*color: #5a5a5a;*/
}
html {
  overflow-y: scroll;
}

/* Social stuffs
-------------------------------------------------- */
.social {
  margin: 0;
  padding: 0;
  float: left;
}
.social ul {
  margin: 0;
  padding: 0;
}
.social ul li {
  margin-left: 0px;
  list-style: none outside none;
  display: inline-block;
}
.social svg {
  width: 1em!important;
  /*height: 30px!important;*/
  color: #FFF!important;
  font-size: 27px!important;
  text-align:center!important;
  padding: 4px!important;
  border-radius: 50%!important;
  -moz-border-radius: 50%!important;
  -webkit-border-radius: 50%!important;
  -o-border-radius: 50%!important;
  transition: all ease 0.3s!important;
  -moz-transition: all ease 0.3s!important;
  -webkit-transition: all ease 0.3s!important;
  -o-transition: all ease 0.3s!important;
  -ms-transition: all ease 0.3s!important;
  margin-left: 5px;
}
.social svg:hover {
  color: #FFF;
  text-decoration: none;
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
}

.social .fa-facebook-f { /* round facebook icon*/
  background: #4060A5!important;
}
.social .fa-instagram { /* round instagram icon*/
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%)!important;
}
/*-------------------------------------------------- */

.flag-icon-en {
  background-image:url(../flags/4x3/en.svg)
}
.flag-icon-en.flag-icon-squared {
  background-image:url(../flags/1x1/en.svg)
}

#topscrollbtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    font-size: 18px; /* Increase font size */
    line-height: 1em!important;
}
#topscrollbtn img {
  width:1em;
}

.flagfix {
  width: 1.33em!important;
  line-height: 1.5em!important;
}

.invalidtooltip {
  margin-top: .25rem;
  font-size: .875rem;
  color: #dc3545;
}

.sitemap-list {
  /*list-style: square outside none;*/
  list-style: none;
  padding: 0;
  margin: .5rem;
}
.sitemap-list ul {
  /*list-style: square outside none;*/
  list-style: none;
  padding-left: 2rem;
}
.sitemap-list>li {
  float: left;
}

#creazul-logo {
  height:38px;
  padding:0;
}

.jumbo-school {
  background-image: url("../img/escola/atelier_panoramic_bg.jpg");
  background-size: cover;
  background-position: center;
  padding: 0;
  margin: 0;
}

#prof-avatar {
  /*width: auto;
  height: auto;*/
}

.title {
  color: #111E6C;
  display: inline-block;
}

.title:after {
  content: "";
  display: block;
  width: 62%;
  height: 2px;
  background: #fdd200;
  margin: auto;
  margin-top: 11px;
  margin-bottom: 5px;
}

.cobalt {
  color: #111E6C;
}

.enccard, .desccard {
  display: block!important;
}

.aulas .card {
  /*text-align: center;*/
  margin-bottom: .5rem;
}

.mrg-b2{
  margin-bottom: 2rem;
}



/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

#mainnav {
  width: 100%;
}

.nav-item .nav-link {
  color: #111E6C!important;
  font-size: 14.9px!important;
  border-radius: 0.25rem;
  font-weight: 500;
}
.navbar-brand {
  /*color: #111E6C!important;*/
  /*font-weight: 500;*/
  padding: 0;
}
.nav-item .nav-link:active, .nav-item.active>a {
  color: #FFF!important;
  background-color: #111E6C;
  border-radius: 0.25rem;
}
.nav-link:hover {
  color: #FFF!important;
  background-color: #111E6C;
  opacity: .7;
  border-radius: 0.25rem;
}
.nav-link:focus, .nav-link.focus {
  box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.5);
}
.dropdown-menu {
  width: auto!important;
  min-width: inherit;
}
.dropdown-item {
  padding-left: 0.85rem;
  padding-right: 0.85rem;
}

@media (max-width: 764px) {
  .nav-item .nav-link {
    padding-left: 1rem;
    padding-right: 1rem;
    display: inline-block;
  }
  .nav-item {
    width: auto;
    display:inline-block;
    background-color: transparent!important;
  }
  .nav-item.active>a {
    color: #FFFFFF!important;
    background-color: #111E6C;
    border-radius: 0.25rem;
  }
  .nav-link[href="./school.html"] {
    margin-top: 1em;
  }
}

.topnavbg {
  height: 35px;;
  background-color: #080f35;
  background-color: gray;
  background-image: url('../img/frisos/friso.svg');
  background-size: contain;

  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
}
.botnavbg {
  margin-bottom: 2rem;
  height: 35px;;
  background-color: #080f35;
  background-color: gray;
  background-image: url('../img/frisos/friso.svg');
  background-size: contain;
}
.navbar-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  /*position: relative;*/
  /*right: 0;*/
  z-index: 10;
  /*margin-bottom: -90px;*/
  /*box-shadow: 0 -1px 3px #111E6C, 0 1px 3px #111E6C;*/
}

/*.topnavbg {
margin-bottom: 3.45rem;
height: 2.15rem;
background-color: #080f35;
background-color: gray;
background-image: url('../img/frisos/24.jpg');
background-size: contain;
}
.botnavbg {
margin-bottom: 2rem;
height: 2.15rem;
background-color: #080f35;
background-color: gray;
background-image: url('../img/frisos/24.jpg');
background-size: contain;
-moz-transform: scaleY(-1);
-o-transform: scaleY(-1);
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
filter: FlipV;
-ms-filter: "FlipV";
}*/

/*.navbar-wrapper {
position: relative;
top: 0;
left: 0;
right: 0;
z-index: 10;
margin-bottom: -90px;
box-shadow: 0 -1px 3px #111E6C, 0 1px 3px #111E6C;
}
.nav-item .nav-link {
color: #111E6C!important;
}
.nav-item .nav-link:hover {
color: #FFF!important;
background-color: #111E6C;
opacity: .5;
border-radius: 0.25rem;
}
.nav-item .nav-link:active {
color: #FFF!important;
background-color: #111E6C;
opacity: 1;
border-radius: 0.25rem;
}
.navbar-brand {
color: #111E6C!important;
font-weight: 500;
}
.nav-item.active {
background-color: #111E6C;
}
.nav-item.active>a {
color: #FFFFFF!important;
}
.navbar-nav {
justify-content: space-between;
}
.navbar-collapse {
}
.nav-item.dropdown {
white-space: nowrap;
}

@media (max-width: 764px) {
.nav-item .nav-link {
padding-left: 1rem;
padding-right: 1rem;
display: inline-block;
}
.nav-item {
width: auto;
display:inline-block;
background-color: transparent!important;
}
.nav-item.active>a {
color: #FFFFFF!important;
background-color: #111E6C;
border-radius: 0.25rem;
}
}*/

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

.first-slide {background-image: url("../img/carousel_encomendas.jpg");}
.second-slide {background-image: url("../img/collage.jpg");}
.third-slide {background-image: url("../img/gallery/022.jpg");}

/* Carousel base class */
.carousel {
  margin-bottom: 2rem;
  /*max-width: 100%;*/
  /*top: -161px;*/
  /*position: relative;*/
  /*width: 100%;*/
  /*z-index: -1;*/
}
.carousel-inner {
  /*height: 26rem;*/
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
  bottom: 1rem;
  font-size: 1rem;
  letter-spacing: .05em;
  text-shadow: 2px 2px 1px #111;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 17rem;
  background-color: #777;
  /*width: 100%;*/
  background-size: cover;
}
.carousel-item > img {
  min-width: 100%;
  min-height: 18rem;
  /*height: 24rem;*/
  /*filter: blur(5px);*/
}
.carousel-item .btn-outline-primary {
  background-color: #FFF;
  vertical-align: bottom;
  color: #111E6C;
  border-color: #111E6C;
}
.carousel-item .btn-outline-primary:hover {
  color: #fff;
  background-color: #111E6C;
  border-color: #111E6C;
}

/* WELCOME CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.welcome .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.welcome h4 {
  /*font-weight: normal;*/
  color: #111E6C;
}
.welcome .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}
.welcome img {
  /*font-weight: normal;*/
  width: 200px;
  height: 200px;
  margin-bottom: .5rem;
}

/* Quote Cards
------------------------- */

.quote-card {
  background: #fff;
  color: #222222;
  padding: 20px;
  padding-left: 50px;
  box-sizing: border-box;
  box-shadow: 0 2px 4px rgba(34, 34, 34, 0.12);
  position: relative;
  overflow: hidden;
  min-height: 120px;
}
.quote-card p {
  font-size: 22px;
  line-height: 1.5;
  margin: 0;
  max-width: 80%;
  text-indent: 2rem;
}
/*.quote-card cite {
  font-size: 16px;
  margin-top: 10px;
  display: block;
  font-weight: 200;
  opacity: 0.8;
}*/
.quote-card:before {
  font-family: Georgia, serif;
  content: "“";
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 5em;
  color: rgba(200, 200, 200, 0.8);
  font-weight: normal;
}
.quote-card:after {
  font-family: Georgia, serif;
  content: "”";
  position: absolute;
  bottom: -110px;
  line-height: 100px;
  right: -32px;
  font-size: 25em;
  color: rgba(200, 200, 200, 0.8);
  font-weight: normal;
}
@media (max-width: 640px) {
  .quote-card:after {
    font-size: 22em;
    right: -25px;
  }
    .quote-card p {
      font-size: 16px;
      margin-right: 0px;
    }
}

/* Calendar
------------------------- */

.badge-ini { color: #000; font-weight: normal; background-color: #9FE1E7; width: 6rem;}
.badge-perf { color: #000; font-weight: normal; background-color: #FBA8FF; width: 6rem;}
.badge-reg { color: #000; font-weight: normal; background-color: #9A9CFF; width: 6rem;}

.fc-state-default {
  background-color: #fff!important;
  background-image: none!important;
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* Gallery CSS
-------------------------------------------------- */

.fancybox-thumbs {
  background: rgba(0, 0, 0, 0.3) !important;
}

@media all and (min-width: 800px) {

  .fancybox-thumbs {
    top: auto !important;
    width: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    right : 0 !important;
    height: 95px !important;
    padding: 10px 10px 5px 10px !important;
    box-sizing: border-box !important;
  }

  .fancybox-show-thumbs .fancybox-inner {
    right: 0 !important;
    bottom: 95px !important;
    overflow: visible !important;
  }

  .fancybox-is-closing .fancybox-stage {
    overflow: visible !important;
  }
  .fancybox-thumbs>ul {
    overflow: auto!important;
    white-space: nowrap;
  }
  .fancybox-thumbs>ul>li {
    display: inline-block;
    float: none!important;
    border-radius: 5px;
  }
}

.bg-cen {background-position-y: 50%;}
.bg-top {background-position-y: 0%;}
.bg-bot {background-position-y: 100%;}
.bg-25p {background-position-y: 25%;}
.bg-75p {background-position-y: 75%;}

.gallery-container>a {
  flex: 0 1 200px;
  margin: 5px;
  border-radius: 5px;
}
.gallery-container>a:focus, .gallery-container>a.focus {
  box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.5);
}
/*.gallery-container>a:focus, .gallery-container>a.focus {
box-shadow: none;
}*/
.gallery-container>a>div {
  height: 150px;
  background-color: lightgray;
  border-radius: 5px;
  background-size: cover;
}

#pic001 {background-image: url("../img/gallery/001_s.jpg");}
#pic002 {background-image: url("../img/gallery/002_s.jpg");}
#pic003 {background-image: url("../img/gallery/003_s.jpg");}
#pic004 {background-image: url("../img/gallery/004_s.jpg");}
#pic005 {background-image: url("../img/gallery/005_s.jpg");}
#pic006 {background-image: url("../img/gallery/006_s.jpg");}
#pic007 {background-image: url("../img/gallery/007_s.jpg");}
#pic008 {background-image: url("../img/gallery/008_s.jpg");}
#pic009 {background-image: url("../img/gallery/009_s.jpg");}
#pic010 {background-image: url("../img/gallery/010_s.jpg");}
#pic011 {background-image: url("../img/gallery/011_s.jpg");}
#pic012 {background-image: url("../img/gallery/012_s.jpg");}
#pic013 {background-image: url("../img/gallery/013_s.jpg");}
#pic014 {background-image: url("../img/gallery/014_s.jpg");}
#pic015 {background-image: url("../img/gallery/015_s.jpg");}
#pic016 {background-image: url("../img/gallery/016_s.jpg");}
#pic017 {background-image: url("../img/gallery/017_s.jpg");}
#pic018 {background-image: url("../img/gallery/018_s.jpg");}
#pic019 {background-image: url("../img/gallery/019_s.jpg");}
#pic020 {background-image: url("../img/gallery/020_s.jpg");}
#pic021 {background-image: url("../img/gallery/021_s.jpg");}
#pic022 {background-image: url("../img/gallery/022_s.jpg");}
#pic023 {background-image: url("../img/gallery/023_s.jpg");}
#pic024 {background-image: url("../img/gallery/024_s.jpg");}
#pic025 {background-image: url("../img/gallery/025_s.jpg");}
#pic026 {background-image: url("../img/gallery/026_s.jpg");}
#pic027 {background-image: url("../img/gallery/027_s.jpg");}
#pic028 {background-image: url("../img/gallery/028_s.jpg");}
#pic029 {background-image: url("../img/gallery/029_s.jpg");}
#pic030 {background-image: url("../img/gallery/030_s.jpg");}
#pic031 {background-image: url("../img/gallery/031_s.jpg");}
#pic032 {background-image: url("../img/gallery/032_s.jpg");}
#pic033 {background-image: url("../img/gallery/033_s.jpg");}
#pic034 {background-image: url("../img/gallery/034_s.jpg");}
#pic035 {background-image: url("../img/gallery/035_s.jpg");}
#pic036 {background-image: url("../img/gallery/036_s.jpg");}
#pic037 {background-image: url("../img/gallery/037_s.jpg");}
#pic038 {background-image: url("../img/gallery/038_s.jpg");}
#pic039 {background-image: url("../img/gallery/039_s.jpg");}
#pic040 {background-image: url("../img/gallery/030_s.jpg");}
#pic041 {background-image: url("../img/gallery/041_s.jpg");}
#pic042 {background-image: url("../img/gallery/042_s.jpg");}
#pic043 {background-image: url("../img/gallery/043_s.jpg");}
#pic044 {background-image: url("../img/gallery/044_s.jpg");}
#pic045 {background-image: url("../img/gallery/045_s.jpg");}
#pic046 {background-image: url("../img/gallery/046_s.jpg");}
#pic047 {background-image: url("../img/gallery/047_s.jpg");}
#pic048 {background-image: url("../img/gallery/048_s.jpg");}
#pic049 {background-image: url("../img/gallery/049_s.jpg");}
#pic050 {background-image: url("../img/gallery/050_s.jpg");}
#pic051 {background-image: url("../img/gallery/051_s.jpg");}
#pic052 {background-image: url("../img/gallery/052_s.jpg");}
#pic053 {background-image: url("../img/gallery/053_s.jpg");}
#pic054 {background-image: url("../img/gallery/054_s.jpg");}
#pic055 {background-image: url("../img/gallery/055_s.jpg");}
#pic056 {background-image: url("../img/gallery/056_s.jpg");}
#pic057 {background-image: url("../img/gallery/057_s.jpg");}
#pic058 {background-image: url("../img/gallery/058_s.jpg");}
#pic059 {background-image: url("../img/gallery/059_s.jpg");}
#pic060 {background-image: url("../img/gallery/060_s.jpg");}
#pic061 {background-image: url("../img/gallery/061_s.jpg");}
#pic062 {background-image: url("../img/gallery/062_s.jpg");}
#pic063 {background-image: url("../img/gallery/063_s.jpg");}
#pic064 {background-image: url("../img/gallery/064_s.jpg");}
#pic065 {background-image: url("../img/gallery/065_s.jpg");}
#pic066 {background-image: url("../img/gallery/066_s.jpg");}
#pic067 {background-image: url("../img/gallery/067_s.jpg");}
#pic068 {background-image: url("../img/gallery/068_s.jpg");}
#pic069 {background-image: url("../img/gallery/069_s.jpg");}
#pic070 {background-image: url("../img/gallery/070_s.jpg");}
#pic071 {background-image: url("../img/gallery/071_s.jpg");}
#pic072 {background-image: url("../img/gallery/072_s.jpg");}
#pic073 {background-image: url("../img/gallery/073_s.jpg");}
#pic074 {background-image: url("../img/gallery/074_s.jpg");}
#pic075 {background-image: url("../img/gallery/075_s.jpg");}
#pic076 {background-image: url("../img/gallery/076_s.jpg");}
#pic077 {background-image: url("../img/gallery/077_s.jpg");}
#pic078 {background-image: url("../img/gallery/078_s.jpg");}
#pic079 {background-image: url("../img/gallery/079_s.jpg");}
#pic080 {background-image: url("../img/gallery/080_s.jpg");}
#pic081 {background-image: url("../img/gallery/081_s.jpg");}
#pic082 {background-image: url("../img/gallery/082_s.jpg");}
#pic083 {background-image: url("../img/gallery/083_s.jpg");}
#pic084 {background-image: url("../img/gallery/084_s.jpg");}


/* Custom Button CSS
-------------------------------------------------- */

.btn-custom {
  color: #fff;
  background-color: #111E6C;
  border-color: #111E6C;
}

.btn-custom:hover {
  color: #fff;
  background-color: #111E6C;
  border-color: #111E6C;
  opacity: .7;
}

.btn-custom:focus, .btn-custom.focus {
  box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.5);
}

.btn-custom.disabled, .btn-custom:disabled {
  background-color: #111E6C;
  border-color: #111E6C;
  opacity: .65;
}

.btn-custom:active, .btn-custom.active,
.show > .btn-custom.dropdown-toggle {
  background-color: #111E6C;
  background-image: none;
  border-color: #111E6C;
}
/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 576px) {
  /* Bump up size of carousel on small */
  .carousel-caption p {
    font-size: 1rem;
  }
  .carousel-item {
    height: 19rem;
  }
}

@media (min-width: 768px) {
  /* Bump up size of carousel on medium */
  .carousel-caption p {
    font-size: 1.25rem;
  }
  .carousel-item {
    height: 23rem;
  }
}

@media (min-width: 1200px) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.5rem;
    line-height: 1.4;
  }
  .carousel-item {
    height: 26rem;
  }
}