html {
  scroll-behavior: smooth;
}

#text-7 h3 { color: #eaeaec; }
#text-7 div p { color: #eaeaec; }
section#text-7 { text-align: center; }

.blockapps { margin: 30px 5px; }

.footer-widgets {
    background-color: #38364e;
}
.front-page-3 {
    background-color: #38364e;
}

textarea#ccf_field_paragraph-text-1 {
    color: #38364e;
}
input.btn.btn-primary.ccf-submit-button {
    background-color: #f2581c;
}


#journal h2 a:hover, .site-footer a:hover, #pages-2 a:hover, input.btn.btn-primary.ccf-submit-button:hover, a.more-link:hover, a.post-edit-link:hover {
    color: #f2581c;
}

.entry, .page.page-template-page_blog .entry {
    padding-bottom: 2%;
}




.footer-widgets-1, .footer-widgets-2, .footer-widgets-3 {
    padding: 30px 4% 20px;
}
.ccf-form-wrapper .field {
    margin-bottom: 10px;
}

#text-8 p {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
}

#text-9 figure {
    margin: 30px auto;
}
figure#attachment_115 {
    padding: 10px;
    opacity: 0.3;
}

section#text-15 {
    font-size: 36px;
}

div#front-page-3 h3 {
    font-size: 28px;
    color: #f2581c;
}

#text-18 h3 {
  color: #fff !important;
}

.dingologo {
    border: solid #f2581c 2px;
    border-radius: 50px;
    padding: 20px 40px;
    background: #ffffff;
    max-width: 200px;
}

@media only screen and (min-width: 1024px) {
    #fbtrash {
      display: none;
    }
}

@media only screen and (max-width: 1023px) {
    #featured-page-3 img {
      width: 100%;
    }
    .dingologo {
      border: solid #f2581c 2px;
      border-radius: 26px;
      padding: 7px 19px;
      background: #ffffff;
      max-width: 105px;
    }
    #media_image-5 {
      display: none;
    }
    
    .widget_media_image .widget-wrap {
      padding:0;
    }
}


.ngg-galleryoverview img {
    min-width: 80%;
}


.popupbutton {
    float: left;
    padding: 30px;
    background: #38364e;
    color: #ffffff;
    margin: 0 5px 10px 5px;
    /*min-height: 125px;*/
    text-align: center;
    width: 100%;
    border-radius: 10px;
}

.popupbutton a {
  text-decoration: none;
}

.fa-times {
  padding: 5px 10px;
}


/*AppDingo for consumers page, video page, & demos*/

.page-id-1474 .site-inner, .page-id-1592 .site-inner, .page-id-1667 .site-inner {
    padding: 0;
    max-width: 100%;
    width: 100%;
    color: white;
}

.page-id-1474 .entry-content, .page-id-1592 .entry-content, .page-id-1667 .entry-content {
  width: 100%;
  max-width: 100%;
}

.page-id-1474 .entry-title, .page-id-1474 .entry-header, .page-id-1592 .entry-title, .page-id-1592 .entry-header, .page-id-1667 .entry-title, .page-id-1667 .entry-header {
  display: none;
}

#consumerpghero h1, #videopghero h1, #demopghero h1 {
    color: #fff;
}

#consumerpghero h1 {
  font-size:8rem;
}

#videopghero h1, #demopghero h1 {
  font-size:6rem;
}

#consumerpghero p, #videopghero p, #demopghero p {
  font-size: 2.4rem;
}

#consumerpghero, #videopghero, #demopghero {
  background: url(/wp-content/uploads/2017/12/background-pd.png);
  background-repeat: no-repeat;
  margin-bottom: 64px;
  text-align: center;
}

#consumerpghero {
  padding: 10%;
}

#videopghero, #demopghero {
  padding: 5% 10%;
}

#consumerpgcontent, #videopgcontent, #demopgcontent {
  background-color: #fff;
  color:#232525;
}

#consumerpgcontent {
  padding: 5% 10% 0 10%;
}

#videopgcontent {
  padding: 5% 10%;
}

#demopgcontent {
  padding: 0 10% 5%;
}

.cc-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.cc-container.reverse {
  flex-direction:row-reverse;
}

.cc-container, .cc-container.reverse {
  margin-bottom: 6em;
}

.cc-content {
  padding:0 2em;
  max-width: 50%;
}

.cc-content img {
  max-width: 100%;
  max-height: 100%;
}

.cc-content img, #videopgcontent img {
  border-radius: 6px;
  overflow:hidden;
}

.page-id-1592 .breadcrumb, .page-id-1667 .breadcrumb {
  display: none;
}

/*Grid on demo page*/
#demogrid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
}
#demoblock {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  padding: 2em;
}
#demoblock a {
  border-bottom: none;
}
.demoimg {
  width: 60%;
}

@media screen and (min-width:1200px) {
  #demoblock {
    max-width: 30%;
  }
}
@media screen and (max-width:1200px) {
  #demoblock {
    max-width: 50%;
  }
}
@media screen and (max-width:800px) {
  #demoblock {
    max-width: 400px;
  }
  .demoimg {
    width: 80%;
  }
}

/*vimeography gallery*/
:root {
	--swiper-theme-color: #f2581c!important;
}

/*video child pages*/

.parent-pageid-1592 .breadcrumb, .parent-pageid-1592 .entry-header, .parent-pageid-1592 .entry-content {
  max-width: 800px!important;
}

.vimeography-gallery {
  width: 100%!important;
}

@media screen and (min-width: 1200px) {
  .entry-title, .entry-content > p:nth-child(1) {
    margin: 0;
  }
  .site-inner {
    padding:5% 40px 10%;
  }
  .breadcrumb {
    margin: 0 auto 5%;
  }
}

/*read more buttons*/
.vid-transcript {
  position:relative;
}

.read-link {
  text-transform:uppercase;
  border-radius: 50px;
  font-family:'Poppins', sans-serif;
  font-size: 1.4rem;
  letter-spacing: 0.5px;
  width: auto;
  position: absolute;
  bottom: -84px;
  transition: all 0.2s ease-in-out!important;
}

.read-link:hover {
  transition: all 0.2s ease-in-out!important;
  background-color:#232525;
}

.page .content {
  overflow: visible;
}

/*video & consumer page on small screens*/
@media screen and (max-width:900px) {
  .cc-container, .cc-container.reverse {
    flex-direction: column;
  }
  .cc-content {
    padding:.5em;
    max-width: 100%;
  }
  
  #consumerpghero h1, #videopghero h1, #demopghero h1 {
    font-size:4.5rem;
  }
  
  #consumerpghero p, #videopghero p, #demopghero p {
    font-size: 2rem;
  }
  
  #consumerpgcontent {
    padding: 5% 5% 0 5%;
  }
  #videopgcontent, #demopgcontent {
    padding: 5%;
  }
}

/*forces download sub-menus to open vertically on desktop*/

@media screen and (min-width: 800px) {
	#menu-item-109 .sub-menu, #menu-item-1479 .sub-menu {
		opacity: 0;
		margin: 0;
		background-color: #f2f2f2;
	}

	#menu-item-1479:hover {
		margin-bottom: 86px;
	}
	
	#menu-item-109:hover .sub-menu, #menu-item-1479:hover .sub-menu {
		opacity: 1;
	}

	#menu-item-109, #menu-item-1479 {
		transition: all 1.0s ease-in-out;
	}
	li.menu-item-1382, li.menu-item-1383, li.menu-item-1478, li.menu-item-1480 {
    padding-left: 15px;
  }
  
  .genesis-nav-menu .sub-menu a {
    border: none;
  }
}

/*auto-expands sub menu on mobile & adds styling*/
@media only screen and (max-width: 800px) {
    
   #menu-item-1481 > ul:nth-child(3) {
        display: block !important;
    }
    
    #menu-item-1481 > button:nth-child(2) {
      display: none;
    }
    
    .sub-menu-toggle {
      color: #f2581c;
      outline: #ddd solid 1px;
    }
}

/*blank space at bottom of page*/
.site-footer {
  padding: 0;
}