/*
Theme Name:  CCOLLINS-IO
Theme URI:   https://dtnew.deserttech.com
Version:     1.2.0
Description: A child theme of Divi. This is a custom child theme created for our site ccollins.io
Author:      Christopher Collins
Author URI:  https://ccollins.io
Template:    Divi
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 BASIC STYLES
	1.1 Color Variables
	1.2 Change list style to none
  1.3 DIVI - More than 4 Columns
  1.4 DIVI - Split .et_pb_modules

2.0 PAGE NAVI
  2.1 Fixed Header Logo width
  2.2 CC Dynamic Menu
  2.3 Scrollify Pagination

3.0 MAIN LAYOUT INFO
  3.1 Logo Tagline
  3.2 CC AVATAR
  3.3 Home Soliloquy Slider
  3.4 About Row
  3.5 Priorities Row

4.0 WooCommerce Pages
5.0 Portfolio Page
6.0 COMMENTS
7.0 FOOTER
  7.1 Footer Credits
  7.2 Footer Nav Menu
  7.3 Footer Social Media Icons

8.0 SIDEBAR
9.0 CAPTIONS AND ALIGNMENTS
10.0 WP CALENDAR
11.0 GRAVITY FORMS
12.0 SEARCH PAGE
  12.1 Grid Layout

13.0 MAX Width Media Queries
  13.1 @media only screen and (max-width: 1350px)
  13.2 @media only screen and (max-width: 1200px)
  13.3 @media only screen and (max-width: 980px)
  13.4 @media only screen and (max-width: 938px)
  13.5 @media only screen and (max-width: 768px)
  13.6 @media only screen and (max-width: 670px)
  13.7 @media only screen and (max-width: 640px)
  13.8 @media only screen and (max-width: 420px)

14.0 MOBILE RESPONSIVE
  14.1 Custom Mobile Menu
  14.2 Default Media Queries
--------------------------------------------------------------*/
/************************[0.0 DIVI DO NOT REMOVE]**********************
Caution: do not remove this to keep Divi Children Engine always updated
Divi Children Engine version: 1.0.3
***********************************************************************/
/*------------------------------[FONT ICONS]-----------------------------*/
/*--[Created by Divi Children, http://divi4u.com/divi-children-plugin/]--*/
/*-----------------------------------------------------------------------*/
.icon_tags,
.icon_profile,
.icon_chat,
.icon_clipboard,
.icon_calendar {
  font-family: 'ETmodules';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  color: #318EC3;
}

.icon_tags:before {
  content: "\e07c";
  padding: 0px 5px 0 0;
}

.icon_profile:before {
  content: "\e08a";
  padding: 0 5px 0 0;
}

.icon_chat:before {
  content: "\e066";
  padding: 0 5px 0 20px;
}

.icon_clipboard:before {
  content: "\e0e6";
  padding: 0 5px 0 20px;
}

.icon_calendar:before {
  content: "\e023";
  padding: 0 5px 0 20px;
}

/*- YOU CAN INCLUDE THE CUSTOM CODE FOR YOUR CHILD THEME BELOW THIS LINE-*/
/*- Add any CSS custom code for this child theme below this line -*/
/*-----------------[1.0 BASIC STYLES]-------------*/
/*------------------------------------------------*/
/* 1.1 Color Variables
--------------------------------------------------*/
:root {
  --accent-text: #0092CA;
  --primary-menu-background: #52616B;
  --secondary-menu-text: #F0F5F9;
  --secondary-menu-background: rgba(0, 0, 0, 0.8);
  --body-text: #1E2022;
  --body-background: #F0F5F9;
  --button-text: #C9D6Df;
  --button-background: #1E2022;
  --cool-red: #E9290F;
  --footer-hover-text: rgba(233, 41, 15, .9);
}

/* 1.2 Change list style to none
--------------------------------------------------*/
ul.list-style-none li {
  list-style-type: none;
}

/* 1.3 DIVI - More than 4 Columns
--------------------------------------------------*/
.three-columns.et_pb_module {
  width: 33%;
  float: left;
}

.four-columns.et_pb_module {
  width: 25%;
  float: left;
}

.five-columns.et_pb_module {
  width: 20%;
  float: left;
}

.six-columns.et_pb_module {
  width: 16.66%;
  float: left;
}

.seven-columns.et_pb_module {
  width: 14.28%;
  float: left;
}

.eight-columns.et_pb_module {
  width: 12.5%;
  float: left;
}

.nine-columns.et_pb_module {
  width: 11.11%;
  float: left;
}

.ten-columns.et_pb_module {
  width: 10%;
  float: left;
}

/* 1.4 DIVI - Split .et_pb_modules
NOTE: only use when you need to split Modules down from it's parent column width.
i.e. 3 columns using half-col-module will result in 16% width over all but half the parent 1/3 column.
----------------------------------------------------------*/
.half-col-module {
  width: 50%;
  float: left;
}

.full-col-module {
  width: 100%;
  float: left;
  clear: both;
}

/*------------------------------------------------*/
/*--------------[2.0 PAGE NAVI]-------------------*/
/*------------------------------------------------*/
/*2.1 Fixed Header Logo width
/*------------------------------------------------*/
#main-header #logo,
.et-fixed-header #logo {
  max-width: 220px;
}

.logo_container>a {
  position: absolute;
  top: 4px;
  z-index: 12;
}

/* 2.2 CC Dynamic Menu
------------------------------------------------*/
.cc-dynamic {
  position: absolute;
  top: 0;
  right: 350px;
  z-index: 12;
}

.cc-dynamic.et_pb_fullwidth_menu .et_pb_row {
  padding-right: 0 !important;
}

.cc-dynamic.et_pb_fullwidth_menu ul {
  padding-top: 7px !important;
}

.cc-dynamic.et_pb_fullwidth_menu ul li a {
  padding-bottom: 15px;
  font-family: 'Titillium Web', Helvetica, Arial, Lucida, sans-serif;
  font-weight: 700;
  font-size: 18px;
  text-transform: uppercase;
}

/* 2.9 Scrollify Pagination
--------------------------------------------------*/
.scroll_pagination {
  position: fixed;
  left: 10px;
  top: 41%;
  padding: 0;
  transform: translateY(-50%);
  font-size: 0.4em;
  z-index: 10;
  list-style-type: none !important;
}

.scroll_pagination a {
  position: relative;
  display: block;
  height: 38px;
  margin-bottom: 0;
  color: white;
  padding: 0;
}

.scroll_pagination a .hover-text {
  position: absolute;
  left: 8px;
  top: 0px;
  padding: 5px 0px;
  opacity: 0;
  font-size: 1rem;
  white-space: nowrap;
  text-transform: uppercase;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.scroll_pagination:hover a:not(.active) .hover-text {
  opacity: 0.5;
}

.scroll_pagination a:hover .hover-text,
.scroll_pagination:hover a.active .hover-text {
  opacity: 1 !important;
}

.scroll_pagination a.active:after {
  /* box-shadow: inset 0 0 0 5px; */
  opacity: 1;
  width: 3px;
}

.scroll_pagination a:after {
  display: block;
  position: absolute;
  -webkit-transition: box-shadow 0.5s ease;
  transition: box-shadow 0.5s ease;
  width: 1px;
  height: 30px;
  /* border: 1px solid; */
  /* border-radius: 50%; */
  background-color: #fff;
  opacity: 0.5;
  content: '';
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
}

/*------------------------------------------------*/
/*-----------------[3.0 MAIN LAYOUT]--------------*/
/*------------------------------------------------*/
.page .et_builder_inner_content .et_pb_section {
  padding-bottom: 100px !important;
}

/*
body#Home #page-container {
  margin-top: 234px !important;
  padding-top: 44px !important;
}
*/
/* 3.1 Logo Tagline 
--------------------------------------------------*/
.site-tagline {
  font-size: 1.5rem;
  padding: 1rem;
  color: #c9d6df;
  font-family: "Montserrat";
  background-color: rgba(0, 0, 0, 0.8);
}

.site-tagline:focus,
.site-tagline:hover {
  color: var(--button-text);
  -webkit-animation-name: navbar_brand_animation;
  /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 2s;
  /* Safari 4.0 - 8.0 */
  animation-name: navbar_brand_animation;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
}

/* Navbar Brand Animation */
/* Safari 4.0 - 8.0 */
@-webkit-keyframes navbar_brand_animation {
  from {
    color: var(--accent-text);
  }

  to {
    color: var(--footer-hover-text);
  }
}


/* 3.2 CC AVATAR
--------------------------------------------------
#cc_avatar {
  position: fixed;
  top: 19%;
  left: 100px;
}
*/
#cc_avatar_row {
  position: absolute;
  margin: 0 auto;
  z-index: 9;
  left: 0;
  right: 0;
}

body#Home #cc_avatar_row {
  top: 200px;
}

body:not(#Home) #cc_avatar_row {
  top: 40px;
}

body:not(#Home) #cc_avatar_row .et_pb_main_blurb_image>.et_pb_image_wrap {
  background-color: rgb(255 255 255 / .6);
}

.bitcoin-address {
  cursor: pointer;
}

.bitcoin-address:hover+.bitcoin-address-qr,
.bitcoin-address-qr:hover {
  display: block;
  position: relative;
  z-index: 100;
}

.bitcoin-address-qr {
  display: none;
  margin: 0 100px;
  border: solid 1px;
}

/* 3.3 Home Soliloquy Slider
--------------------------------------------------*/
/* body#Home #home-slider {
  height: 623px;
  min-height: 623px;
}

body:not(#Home) #home-slider {
  height: 423px;
  min-height: 423px;
} */

.slider-item {
  width: 100%;
  background-size: cover !important;
}

/* HOME PAGE */
body#Home .slider-item,
body#Home #soliloquy-container-347 {
  height: 600px !important;
  margin-bottom: 0px !important;
}

body:not(#Home) .slider-item,
body:not(#Home) #soliloquy-container-347 {
  height: 400px !important;

}

#wrapper-1 {
  background: url("/wp-content/uploads/2019/03/Sunset-Living-Room-4.jpg") no-repeat scroll center center transparent;
}

#wrapper-2 {
  background: url("/wp-content/uploads/2019/03/sunset-taylorsville-7.jpg") no-repeat scroll center center transparent;
}

#wrapper-3 {
  background: url("/wp-content/uploads/2019/03/sunset-taylorsville-12.jpg") no-repeat scroll center center transparent;
}

#wrapper-4 {
  background: url("/wp-content/uploads/2019/03/sunset-taylorsville-19.jpg") no-repeat scroll center center transparent;
}

/* 3.4 About Row
--------------------------------------------------*/
#about-row {
  position: absolute;
  width: 100%;
  top: 126px;
  left: 0px;
  right: 0px;
}

#about-row.et_pb_row {
  margin-bottom: -27px !important;
}

/* AVATAR IMAGE */
#about-row .et_pb_main_blurb_image {
  float: left;
  display: block;
  width: auto;
  margin: 0 20px 0 0;
}

#about-row .et_pb_blurb_container {
  display: block;
}

/* 3.5 Priorities Row
--------------------------------------------------*/
#skills-row.et_pb_row,
#priorities-row.et_pb_row {
  position: relative;
  bottom: 0;
}

/*------------------------------------------------*/
/*-----------[4.0 WooCommerce Pages]--------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/
/*---------------[5.0 Portfolio Page]-------------*/
.et_overlay {
  background: rgba(0, 0, 0, 0.4);
}

.et_overlay:before {
  color: var(--body-background) !important;
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  content: "\f35d";
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  transition: all .4s;
}

.et_pb_portfolio_item.et_pb_grid_item {
  margin-bottom: 20px !important;
}

.et_portfolio_image {
  overflow: hidden;
  margin: 5px;
}

.et_portfolio_image img,
.et_portfolio_image .et_overlay {
  transition: transform .5s ease;
}

.et_portfolio_image:hover img,
.et_portfolio_image:hover .et_overlay {
  transform: scale(1.1);
}

/*------------------------------------------------*/
/*------------------------------------------------*/
/*-------------------[6.0 COMMENTS]---------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/
/*-----------------[7.0 FOOTER]-------------------*/
/*------------------------------------------------*/
#main-footer {
  /* position: fixed; */
  width: 100%;
  bottom: 0px;
  z-index: 9;
  background-color: var(--body-text) !important;
}

#footer-bottom {
  padding: 10px 0px;
}

/* #footer-bottom .container.clearfix {
  max-width: 1105px;
} */
/* 7.1 Footer Credits
------------------------------------------------*/
#footer-info {
  float: left;
  padding: 2px 0;
}

/* 7.2 Footer Nav Menu
------------------------------------------------*/
#menu-footer {
  float: left;
  padding: 2px 10px;
}

#menu-footer li {
  padding: 0 10px;
}

/*
* 7.3 Footer Social Media Icons
* NOTE: Also see function Divichild_customizer_css() in divi-children-engine\includes\divi_children_functions.php;
------------------------------------------------*/
.et-social-icons {
  float: left;
  padding: 4px 0 0 0;
}

.et-social-icons>li {
  padding: 0 5px;
  margin-left: 0px;
  margin-top: 0px;
  top: -5px;
}

.et-social-icons .et-social-instagram a,
.et-social-icons .et-social-facebook a,
.et-social-icons .et-social-youtube a {
  color: #fff;
}

.et-social-icons .et-social-instagram a:hover,
.et-social-icons .et-social-facebook a:hover,
.et-social-icons .et-social-youtube a:hover {
  opacity: 1;
  color: #FFF !important;
}

.fa-linkedin:hover {
  color: #0077B5;
  -webkit-animation-name: lnkedin_animation;
  /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 2s;
  /* Safari 4.0 - 8.0 */
  animation-name: lnkedin_animation;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
}

/* LinkedIN Animation */
/* Safari 4.0 - 8.0 */
@-webkit-keyframes lnkedin_animation {
  from {
    color: var(--footer-hover-text);
  }

  to {
    color: #0077B5;
  }
}

/* Standard syntax */
@keyframes lnkedin_animation {
  from {
    color: var(--footer-hover-text);
  }

  to {
    color: #0077B5;
  }
}

.fa-dev:hover {
  color: #000;
  -webkit-animation-name: devio_animation;
  /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 2s;
  /* Safari 4.0 - 8.0 */
  animation-name: devio_animation;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
}

/* DevIO Animation */
/* Safari 4.0 - 8.0 */
@-webkit-keyframes devio_animation {
  from {
    color: var(--footer-hover-text);
  }

  to {
    color: #000;
  }
}

/* Standard syntax */
@keyframes devio_animation {
  from {
    color: var(--footer-hover-text);
  }

  to {
    color: #000;
  }
}

.fa-github:hover {
  color: #959da5;
  -webkit-animation-name: github_animation;
  /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 2s;
  /* Safari 4.0 - 8.0 */
  animation-name: github_animation;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
}

/* GitHub Animation */
/* Safari 4.0 - 8.0 */
@-webkit-keyframes github_animation {
  from {
    color: var(--footer-hover-text);
  }

  to {
    color: #959da5;
  }
}

/* Standard syntax */
@keyframes github_animation {
  from {
    color: var(--footer-hover-text);
  }

  to {
    color: #959da5;
  }
}

/*------------------------------------------------*/
/*----------------[8.0 SIDEBAR]-------------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/
/*--------[9.0 CAPTIONS AND ALIGNMENTS]-----------*/
/*------------------------------------------------*/
/*------------------------------------------------*/
/*-------------[10.0 WP CALENDAR]-----------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/
/*-------------[11.0 GRAVITY FORMS]---------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/
/*---------[12.0 SEARCH PAGE]---------------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/
/*-----[13.0 MAX Width Media Queries]-------------*/
/*------------------------------------------------*/
/* 13.1 @media only screen and (max-width: 1350px)
--------------------------------------------------*/
@media only screen and (max-width: 1350px) {
  #about-row.et_pb_row {
    width: 100%;
    max-width: 100%;
  }

  #about-row.et_pb_row .et_pb_blurb_content {
    max-width: 100%;
  }
}

/* 13.2 @media only screen and (max-width: 1200px)
--------------------------------------------------*/
@media only screen and (max-width: 1200px) {

  #skills-row.et_pb_row .et_pb_column,
  #priorities-row.et_pb_row .et_pb_column {
    grid-template-columns: repeat(3, 33.3%);
  }
}

/* 13.3 @media only screen and (max-width: 980px)
--------------------------------------------------*/
@media only screen and (max-width: 980px) {
  #about-row.et_pb_row {
    margin-bottom: -30px !important;
  }

  #about-row.et_pb_row .et_pb_blurb {
    color: #fff;
    background-color: #000;
    border-radius: 15px;
    opacity: 0.77;
  }
}

/* 13.4 @media only screen and (max-width: 938px)
--------------------------------------------------*/
@media only screen and (max-width: 938px) {

  #skills-row.et_pb_row,
  #priorities-row.et_pb_row {
    margin-top: 30px !important;
  }
}

/* 13.5 @media only screen and (max-width: 768px)
--------------------------------------------------*/
@media only screen and (max-width: 768px) {

  #skills-row.et_pb_row .et_pb_column,
  #priorities-row.et_pb_row .et_pb_column {
    grid-template-columns: repeat(2, 50%);
  }
}

/* 13.6 @media only screen and (max-width: 670px)
--------------------------------------------------*/
@media only screen and (max-width: 670px) {

  #skills-row.et_pb_row,
  #priorities-row.et_pb_row {
    margin-top: 116px !important;
  }
}

/* 13.7 @media only screen and (max-width: 640px)
--------------------------------------------------*/
@media only screen and (max-width: 640px) {
  #-icons.et_pb_row .et_pb_column {
    grid-template-columns: repeat(1, 100%);
  }

  #contact.et_pb_row {
    width: 100%;
  }
}

/* 13.8 @media only screen and (max-width: 420px)
--------------------------------------------------*/
@media only screen and (max-width: 500px) {

  #skills-row.et_pb_row .et_pb_column,
  #priorities-row.et_pb_row .et_pb_column {
    grid-template-columns: repeat(1, 100%);
  }
}

/*------------------------------------------------*/
/*----------[14.0 MOBILE RESPONSIVE]--------------*/
/*------------------------------------------------
/* 14.1 Custom Mobile Menu
--------------------------------------------------*/
.mobile-menu {
  display: none;
}

.et_slide_in_menu_container .et-social-icons {
  position: absolute;
  left: 0;
  padding: 0px 40px;
  z-index: 9999;
}

.et_slide_in_menu_container ul#cc_mobile_menu {
  padding: 28px 40px;
  border: none;
  background: 0 0;
  box-shadow: none;
}

.et_slide_in_menu_container #cc_mobile_menu li a,
.et_slide_in_menu_container #cc_mobile_menu li.current-menu-item a {
  padding: 10px 0;
  border: none;
  color: #fff;
}

/* min-width */
@media only screen and (min-width: 800px) {
  .et_slide_in_menu_container ul#mobile_menu_slide.desktop-menu {
    display: block !important;
  }

  .mobile-menu {
    display: none !important;
  }
}

/* max-width */
@media only screen and (max-width: 799px) {
  .et_slide_in_menu_container ul#mobile_menu_slide.desktop-menu {
    display: none !important;
  }

  .mobile-menu {
    display: block !important;
  }
}

/* 14.2 Default Media Queries
------------------------------------------------*/