/*
Theme Name: The7
Theme URI: http://dream-theme.com/the7/
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: Put simply, The7 is THE most customizable WordPress theme on the market. It features 630+ design customization options. People new to multipurpose WordPress themes will be delighted with The7 Design Wizard. It allows to choose basic settings like branding, colors, header layout, etc. and intelligently calculates all the rest. Voilà, your pro-grade site design is ready in mere minutes. Automatically! Add a seamless integration with Visual Composer page builder, Slider Revolution, WooCommerce, WPML (as well as other most popular plugins), and you get the definitive web-development toolkit. And, yes, it is mobile friendly (certified by Google) and SEO-ready.
Version: 3.9.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
License URI: License.txt
Tags: multipurpose, responsive, retina ready, SEO ready, mobile friendly, iOS, material design, clean, minimal, business, corporate, portfolio, creative, photography, one page site, micro site
Text Domain: the7mk2
*/
@font-face {
    font-family: "gotham";
    src: url(https://techtowndetroit.org/wp-content/themes/dt-the7/fonts/Gotham-Medium.woff);
}
@font-face {
    font-family: "gotham2";
    src: url(https://techtowndetroit.org/wp-content/themes/dt-the7/fonts/gotham-black-webfont.woff);
}

.blog .dt-format-gallery .dt-format-gallery-coll.full,
.archive .dt-format-gallery .dt-format-gallery-coll.full,
.search .dt-format-gallery .dt-format-gallery-coll.full
{
  display: none;
}
.slider-read-more {
    color: #fff !important;
    text-decoration: none;
    text-align: center;
    margin: 0 auto;
    display: table;
}
#slide-6-layer-11, #slide-7-layer-11, #slide-8-layer-11, #slide-9-layer-11 {
  background-color: #1b75bc !important;
  display: inline-block;
}


.wp-caption-text,
.sticky,
.gallery-caption,
.bypostauthor {}

.masthead.inline-header.right.widgets.shadow-decoration.dt-parent-menu-clickable {
    position: fixed;
    width: 100%;
}
input[type="text"], input[type="tel"], input[type="url"], input[type="email"], input[type="number"], input[type="date"], input[type="range"], input[type="password"], select, textarea {
  background-color: #252525;
  border: medium none;
  box-sizing: border-box;
  color: #b8bcbe;
  padding: 7px 15px;
}
.bluecolor {
  color: #0f73ba !important;
}

#page .wpb_accordion a:hover span {
/*  color: #ffffff !important;*/
}
.tp-caption img {
  background-color: #F4F4F4;
  border-radius: 5px;
}
#slide-6-layer-1:hover img,#slide-7-layer-1:hover img,#slide-8-layer-1:hover img,#slide-9-layer-1:hover img {
  background-color:#55B247;
}
#slide-6-layer-4:hover img,#slide-7-layer-4:hover img,#slide-8-layer-4:hover img,#slide-9-layer-4:hover img {
  background-color: #FDC938;
}
#slide-6-layer-5:hover img,#slide-7-layer-5:hover img,#slide-8-layer-5:hover img,#slide-9-layer-5:hover img {
  background-color:#F26722;
}
#slide-6-layer-7:hover img,#slide-7-layer-7:hover img,#slide-8-layer-7:hover img,#slide-9-layer-7:hover img {
  background-color: #d1db29;
}
#slide-6-layer-8:hover img,#slide-7-layer-8:hover img,#slide-8-layer-8:hover img,#slide-9-layer-8:hover img {
  background-color:#FBA207;
}

.aio-icon.circle {
   background: #0f73ba!important;
}
.footer-wf > h3 {
  color: #fff;
}
.es_textbox_class {
    width: 100%;
}

.wysija-input {
    width: 100%;
}
.btn-donate {
background-color: #000;
border-radius: 15px;
color: #fff !important;
margin-left: 10px;
padding: 5px 16px;
text-decoration: none !important;
border: 0px solid #ddd;
}
.wpb_accordion_header span {
  color: #fff !important;
}
.backend p {
  color: #ffffff;
  font-size: 13px !important;
  margin: 0 !important;
  padding: 5px !important;
}
.front-img > img {
  width: 100%!important;
}

.flipper{
    position: relative;
    transform: perspective(1000px);
    -webkit-transform: perspective(1000px);
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
}

.backend {
  
  border-radius: 5px;
  bottom: 0;
  position: absolute;
  top: 0;
  transform: rotateY(-180deg);
 
}
.front-img, .backend  {
  backface-visibility: hidden;
  transform-style: preserve-3d;
  transition-delay: 0s!important;
  transition-duration: 0.6s!important;
  transition-property: all!important;
  transition-timing-function: ease!important;
}
.flip-wp:hover .front-img {
  transform: rotateY(180deg) !important;
}
.flip-wp:hover .backend {
  transform: rotateY(0deg);
  z-index: 2;
}
.color-1 {
  background-color: #0F75BC;
}
.color-2 {
  background-color: #0F75BC;
}
.color-3 {
  background-color: #0F75BC;
}
.flip-wp {
  float: left;
  max-width: 182px;
}
.flipper-box {
  margin: 0 auto;
  display: table;
}
@media only screen and (max-width: 600px) {
.flip-wp {
  float: none;
}
}
.top-bar.solid-bg::before,.top-header .hover-bg-decoration > li:not(.act) > a:hover, .top-header .hover-bg-decoration > li.dt-hovered:not(.act) > a {
  background: rgb(15, 115, 186) none repeat scroll 0 0 !important;
}
.main-nav > li:not(.act) > a:hover .subtitle-text, .main-nav > li:not(.act) > a:hover .menu-text, .main-nav > li.dt-hovered:not(.act) > a .subtitle-text, .main-nav > li.dt-hovered:not(.act) > a .menu-text {
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
  background: rgb(15, 115, 186) none repeat scroll 0 0 !important;
  color: rgb(255, 255, 255) !important;
}
#primary-menu li a:hover span span, #primary-menu li a:hover span {
  background: rgb(15, 115, 186) none repeat scroll 0 0;
}
#primary-menu .sub-nav li a:hover, #primary-menu .sub-nav li a:hover span{ background:transparent !important; }
.header-bar #primary-menu .sub-nav li a:hover span span, .header-bar #primary-menu .sub-nav li a:hover span, .header-bar #primary-menu .sub-nav li a:hover {
  color: rgb(15, 115, 186) !important;
  -webkit-text-fill-color: rgb(15, 115, 186) !important;
}
#primary-menu li a {
  padding: 5px;
}
.top-bar span.mini-contacts {
  color: rgb(255, 255, 255);
}
.flip-wp1 {
  float: left;
  max-width: 182px;
}
.impact-section{
text-align:center;
}
.impact-section.vc_custom_1482157237937
{
background:none !important;
}
.ph-wrap.with-logo .logo-box {
  left: 14px!important;
}
#page .details:hover {
  color: #ffffff!important;
}
.home-name-blog {
  font-family: "Raleway" !important;
}
.custom-blog .details.more-link {
  color: #ffffff;
}
.custom-blog .entry-title > a {
  color: #ffffff;
}
.wf-cell .blog-content.wf-td > p {
  color: #ffffff !important;
}
.header-bar .branding {
  margin-left: -85px;
}
#ui-id-1::after, #ui-id-3::after, #ui-id-5::after, #ui-id-7::after, #ui-id-9::after, #ui-id-11::after, #ui-id-13::after {
  color: #000000;
  content: "";
  font-family: FontAwesome;
  position: absolute;
  right: 16px;
  top: 9px;
}
.custom-accordion-text strong {
  color: #000000;
}
.team-author-name {
    color: #1b75bc !important;
font-weight: 700;
}
.team-author p {
    color: #000 !important;
font-weight: 700;
}
.team-content p {
    color: #000 !important;
}
.wpb_single_image .vc_figure .vc_single_image-wrapper {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    height: 250px;
    overflow: hidden;
}
.vc_figure .vc_single_image-img.attachment-full {
    max-width: inherit !important;
    min-width: 100%;
    min-height: 100%;
}

.vc_custom_1471441194440 {
    padding-bottom: 25px !important;
}

.aio-icon.circle {
    border-radius: 50%;
}
.aio-icon, .vc_row .aio-icon {
    height: 2em;
    width: 2em;
    line-height: 2em;
    -moz-box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important;
}
.aio-icon, .aio-icon.none, .vc_row .aio-icon {
    text-align: center;
    display: inline-block;
    font-size: 32px;
}
.aio-icon.circle {
    background: #0f73ba !important;
}

@media only screen and (max-width: 991px) {
.flip-wp {
    float: left;
    max-width: 25%;
}

}


@media only screen and (max-width: 800px) {
.content {
  padding-top: 100px !important;
}
.sidebar-right.sidebar-divider-off {
    padding-top: 100px !important;
}
}
@media only screen and (max-width: 600px){
.flip-wp {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto;
}

}


.main-nav > li > a .menu-text,
.uvc-main-heading h3,
h3, .h3-size, .entry-title.h3-size, h2.entry-title, .dt-accordion-h3-size .wpb_accordion_header > a,
h2,h3,h4,h5,h6,h1,
h4, .h4-size, .entry-title.h4-size, h3.entry-title, .dt-accordion-h4-size .wpb_accordion_header > a, .vc_separator h4,
.widget-title,
h5, .h5-size, h4.entry-title, .entry-title.h5-size, .dt-accordion-h5-size .wpb_accordion_header > a,.team-author-name
{
  font-family: 'gotham2' !important;
}

.top-bar .mini-contacts, .top-bar .mini-nav > ul > li > a, .top-bar .mini-login, .top-bar .mini-login .submit, .top-bar .mini-search .submit, .top-bar .mini-search, .top-bar .wc-ico-cart, .top-bar .text-area, .top-bar .customSelectInner,
html, body, body.page, .wf-container > *,.main-nav .sub-nav > li > a .menu-text, .mini-nav .sub-nav > li > a .menu-text,

button.button, a.button, input[type="button"], input[type="reset"], input[type="submit"], .dt-btn-m, input.dt-btn-m[type="submit"], #main .gform_wrapper .gform_footer input.button, #main .gform_wrapper .gform_footer input[type="submit"], form.mc4wp-form input[type="submit"], div.mc4wp-form button[type="submit"], #main-slideshow .tp-button,

.edit-link,
input[type="text"], input[type="tel"], input[type="url"], input[type="email"], input[type="number"], input[type="date"], input[type="range"], input[type="password"], select, textarea,
.home-name-blog,.rev_slider .tp-caption, .rev_slider .caption,.fancy-date span,.paginator a:not(.button-load-more)
{
  font-family: 'gotham' !important;
}