/*
CTC Separate Stylesheet
Updated: 2021-03-30 19:56:09
*/


/*
Theme Name: Surf and Soul
Theme URI: https://surfandsoul.org
Template: Child of Divi Theme
Author: SDA Creative
Author URI: https://sdacreative.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
Version: 3.0.92.1515169318
Updated: 2021-03-30 19:56:09

/****************************************************************************
  STYLES
****************************************************************************

FONTS

font-family: 'Alfa Slab One', cursive;
font-family: 'Ubuntu', sans-serif;


COLORS

Pale Blue : #EFF5F2
Light Blue : #EFFCFC
Medium Blue : #48A9E2
Dark Gray : #778685
Black : #000000

****************************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Alfa+Slab+One&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
/****************************************************************************
  STANDARDS
****************************************************************************/
html {}
body {font-family: 'Ubuntu', sans-serif;}
h1 {
  font-family: 'Alfa Slab One', cursive;
  font-size: 46px;
}
h2 {
  font-family: 'Alfa Slab One', cursive;
  font-size: 28px;
}
h3 {font-family: 'Ubuntu', sans-serif;}
h4 {
  font-family: 'Ubuntu', sans-serif;
  font-size: 22px;
  line-height: 32px;
}
h5 {font-family: 'Ubuntu', sans-serif;}
p {
  font-size: 16px;
  line-height: 28px;
}
br {}
a {}
a:hover {}
blockquote {}
strong {}
em {}
hr {}

.hide {
   position: absolute;
   top: -9999px;
   left: -9999px;
}
.floatleft {
  float: left;
}
.floatright {
  float: left;
}
.floatnone {
  float: none;
}
.et_pb_bg_layout_light p,
.et_pb_bg_layout_light h1,
.et_pb_bg_layout_light h2,
.et_pb_bg_layout_light h3,
.et_pb_bg_layout_light h4,
.et_pb_bg_layout_light h5
.et_pb_bg_layout_light a {
  color: #000;
}

.et_pb_bg_layout_dark p,
.et_pb_bg_layout_dark h1,
.et_pb_bg_layout_dark h2,
.et_pb_bg_layout_dark h3,
.et_pb_bg_layout_dark h4,
.et_pb_bg_layout_dark h5,
.et_pb_bg_layout_dark a {
  color: #FFF;
}

/* Vertical Align */
.et_pb_equal_columns >.et_pb_column {
  margin-top:auto;
  margin-bottom:auto;
}
.ds-vertical-align {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/****************************************************************************
  SPACIFICS
****************************************************************************/


/****************************************************************************
  MEDIA QUERYS
****************************************************************************/

@media only screen and (min-width: 768px ) {
/*****************
  STANDARDS
*****************/
  html {}
  body {}
  h1 {
    font-size: 46px;
  }
  h2 {
    font-size: 34px;
  }
  h3 {}
  h4 {}
  h5 {}
  p {}
  br {}
  a {}
  a:hover {}
  blockquote {}
  strong {}
  em {}
  hr {}
/*****************
  SPACIFICS
*****************/


/* End */
}

@media only screen and (min-width: 981px) {
/*****************
  STANDARDS
*****************/
    html {}
    body {}
    h1 {
      font-size: 64px;
    }
    h2 {
      font-size: 44px;
    }
    h3 {}
    h4 {}
    h5 {}
    p {}
    br {}
    a {}
    a:hover {}
    blockquote {}
    strong {}
    em {}
    hr {}
/*****************
  SPACIFICS
*****************/

/* End */
}

/* Desktop Screen */
@media only screen and (min-width: 1100px) {
/*****************
  STANDARDS
*****************/
    html {}
    body {}
    h1 {}
    h2 {}
    h3 {}
    h4 {}
    h5 {}
    p {}
    br {}
    a {}
    a:hover {}
    blockquote {}
    strong {}
    em {}
    hr {}
/*****************
  SPACIFICS
*****************/

/* End */
}

/* Large Screen */
@media only screen and (min-width: 1350px) {
/*****************
  STANDARDS
*****************/
    html {}
    body {}
    h1 {}
    h2 {}
    h3 {}
    h4 {}
    h5 {}
    p {}
    br {}
    a {}
    a:hover {}
    blockquote {}
    strong {}
    em {}
    hr {}
/*****************
  SPACIFICS
*****************/

/* End */
}

/* Large Desktop And Above */
@media all and (min-width: 1405px) {
/*****************
  STANDARDS
*****************/
    html {}
    body {}
    h1 {}
    h2 {}
    h3 {}
    h4 {}
    h5 {}
    p {}
    br {}
    a {}
    a:hover {}
    blockquote {}
    strong {}
    em {}
    hr {}
/*****************
  SPACIFICS
*****************/

/* End */
}

/****** Max Sizes ********/

@media (max-width: 980px) {
  .flip-row {
    display: flex;
    flex-wrap: wrap;
  }
  .order-1 {
    order: 1;
  }
  .order-2 {
    order: 2;
  }
/* End */
}

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

/* End */
}

/****** Responsive Styles Smartphone Portrait ******/
@media all and (max-width: 479px) {

/* End */
}

/* KEYFRAMES */