/*---------------------------VAR*/
/*-----------------------MIXINS*/
body {
  font: 100% ;
  color: #000;
}
h1, h2, h3, h4, h5, h6 {
  font: 100% Comfortaa;
  color: #000 !important;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 1;
}
h1 {
  font-size: 35px !important;
}
h2 {
  font-size: 30px !important;
}
h3 {
  font-size: 27px !important;
}
h4 {
  font-size: 22px !important;
}
h5 {
  font-size: 18px !important;
}
h6 {
  font-size: 16px !important;
}
p {
  font: 100% 'Comfortaa', cursive !important;
  font: 12;
  color: #000 !important;
}
table, tr, th, td {
  font: 12;
  font: 'Comfortaa', cursive;
  color: #000;
}
ul {
  font: 12;
  font: 100% 'Comfortaa', cursive;
  color: #000;
}
li {
  font: 12;
  font: 100% 'Comfortaa', cursive;
  color: #000;
}
.block {
  margin: 0px !important;
}
a:link, a:visited {
  color: #fff !important;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  /*-----------------------GLOBAL*/
  text-decoration: none !important;
}
a:hover, a:active {
  color: #666 !important;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  /*-----------------------GLOBAL*/
}
.block-type-widget-area li.widget .widget-title {
  border: hidden !important;
  /*-----------------------HEADER*/
}
#block-b615a93c739eb382 p {
  color: #fff !important;
  margin-top: -5px;
  /*---------------------NAVIGATION*/
}
.block-type-navigation {
  border: hidden !important;
  margin: 5px 0px 0px 0px;
}
ul.menu > li > a {
  font-weight: bold !important;
  font: 100% Comfortaa;
  border: transparent solid thin;
  font-size: 14px !important;
  margin-left: 5px;
  color: #263891 !important;
  /*-------------------------PAGES*/
  /*background*/
}
ul.menu > li > a:hover {
  border: #fff solid thin;
  color: #000 !important;
}
#wrapper-wbu5a93c030226cb, #wrapper-w955a93c030231e5, #wrapper-ww45a940b621cb7e, #wrapper-wmv5a940b621dbd6, .welcomeimg {
  background-size: cover !important;
  width: 100%;
  height: auto;
  padding-top: 10px;
}
#wrapper-wbu5a93c030226cb {
  background: url(https://captaincool.co.za/wp-content/uploads/2018/02/header.png);
}
#wrapper-w955a93c030231e5, #wrapper-ww45a940b621cb7e, #wrapper-wmv5a940b621dbd6 {
  background: url(https://captaincool.co.za/wp-content/uploads/2018/02/footer.png);
}
#wrapper-w715a93c739ead1f, #wrapper-wbg5a93c03023d12, #wrapper-wd85a93c030237c9, #wrapper-wij5a940b621d120, #wrapper-wwm5a940b621d859, #wrapper-w4p5a940b621c7d7 {
  background: #25aae1;
}
#wrapper-wd85a93c030237c9 {
  padding-bottom: 20px;
  z-index: 9999;
  position: relative;
  -webkit-box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.47);
  -moz-box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.47);
  box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.47);
}
#wrapper-wrs5a93c03023a47 {
  background: #eee;
  padding-bottom: 50px;
  /*content*/
}
.line {
  height: 5px;
  width: 20%;
  background: #25aae1;
  margin: 10px 0px 10px 0px;
}
#block-bi75a93c03025f77 {
  font-size: 13px !important;
  /*slider*/
}
.ms-hover-active {
  text-shadow: 2px 2px 3px #333;
  /*widgets*/
}
#block-btp5a93c0302574d {
  height: 500px !important;
  z-index: 1;
}
#block-btp5a93c0302574d p {
  display: none;
}
#block-btp5a93c0302574d h3 {
  display: none;
}
#block-btm5a93c03024c59 {
  text-align: center !important;
}
.pirate {
  position: absolute;
  z-index: 9999;
  margin: -70px 0px 0px 0px;
  width: 22%;
}
.block-type-widget-area li.widget ul {
  padding: 0px !important;
}
#block-bi75a93c03025f77 p {
  color: #fff !important;
}
#block-bi75a93c03025f77 li {
  color: #fff !important;
}
#block-bi75a93c03025f77 h3 {
  text-align: center;
  color: #fff !important;
  /*-----------------------STICKYPOPUP*/
}
.popup-title {
  font: 100% 'Comfortaa', cursive;
}
.popup-header {
  background: #25aae1 !important;
  border: #fff solid thin !important;
  /*-----------------------FORMS*/
}
#block-b685a93c03024587 a {
  color: #263891 !important;
}
#block-b685a93c03024587 a:hover {
  color: tertiary-color !important;
}
#gform_submit_button_1 {
  width: 98%;
  background-color: #25aae1;
  border-radius: 0px;
  color: #fff !important;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  /*-----------------------GLOBAL*/
}
#gform_submit_button_1:hover {
  color: #25aae1 !important;
  background: #fff !important;
}
body .gform_wrapper ul li.gfield {
  margin-top: 0px !important;
}
.gform_wrapper {
  margin-top: 0px !important;
}
.gform_wrapper .gform_footer {
  margin: 0px !important;
}
.gform_wrapper li.hidden_label input {
  width: 100% !important;
  margin: 0px !important;
  padding: 5px !important;
  /*-----------------------GRIDS*/
}
.grid6 {
  width: 25%;
  padding: 10px;
  box-sizing: border-box;
  float: left;
  min-height: 50px;
}
.grid5 {
  width: 33%;
  padding: 10px;
  box-sizing: border-box;
  float: left;
  min-height: 50px;
}
.grid4 {
  width: 50%;
  padding: 10px;
  box-sizing: border-box;
  float: left;
  min-height: 50px;
}
.grid3 {
  width: 67%;
  padding: 10px;
  box-sizing: border-box;
  float: left;
  min-height: 50px;
}
.grid2 {
  width: 75%;
  padding: 10px;
  box-sizing: border-box;
  float: left;
  min-height: 50px;
}
.grid1 {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  float: left;
  min-height: 50px;
}
.grid0 {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  float: left;
  min-height: 50px;
  /*-----------------------FOOTER*/
}
.block-type-footer p.copyright {
  color: #fff !important;
  /*------------------------RESPONSIVE*/
}
@media only screen and (max-width: 1400px) {
  /*-----------------------MOBILE*/  #block-btp5a93c0302574d {
    height: 600px !important;
    z-index: 1;
  }
  .pirate {
    position: absolute;
    z-index: 9999;
    margin: 0px 0px 10px 0px !important;
    width: 22% !important;
  }
}
@media only screen and (max-width: 768px) {
  h1 {
    font-size: 25px !important;
  }
  h2 {
    font-size: 20px !important;
  }
  h3 {
    font-size: 17px !important;
  }
  #block-b615a93c739eb382 {
    padding: 5px 0px 10px 0px;
  }
  #block-btp5a93c0302574d {
    height: 259px !important;
    width: 100%;
    background-repeat: none !important;
    display: block;
    background-size: contain !Important;
    z-index: 1;
  }
  .pirate {
    position: relative !important;
    z-index: 9999;
    margin: 0px 0px 10px 0px !important;
    width: 100% !important;
  }
  #block-b685a93c03024587 {
    padding: 10px !important;
  }
  .grid1, .grid2, .grid3, .grid4, .grid5, .grid6, table, img, iframe, textarea {
    width: 100%;
  }
  #selectnav1 {
    display: none !important;
  }
  .shiftnav-main-toggle-content {
    background: #0f4172 !important;
    font: 100% Comfortaa;
  }
  .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target {
    background: #0f4172 !important;
  }
  .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-on-hover li.menu-item > .shiftnav-target:hover {
    background: #0f4172 !important;
  }
}