/*
Theme Name: Startit ChildTheme
URI: http://startit.select-themes.com
Description: A child theme of Startit
ThemeAuthor: Pitch ThemesAuthor
URI: http://themeforest.net/user/select-themes
Version: 1.0.0
Template: startit
*/

@import url("../startit/style.css");

/* ==========================================================================

# Icon Viadeo - begin

========================================================================== */

@font-face {
    font-family: 'icoviadeo';
    src:    url('fonts/icoviadeo_rlnkp5.eot');
    src:    url('fonts/icoviadeo_rlnkp5.eot#iefix') format('embedded-opentype'),
        url('fonts/icoviadeo_rlnkp5.ttf') format('truetype'),
        url('fonts/icoviadeo_rlnkp5.woff') format('woff'),
        url('fonts/icoviadeo_rlnkp5-icoviadeo.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

i {
    /* use !important to prevent issues with browser extensions that change fonts */
    display: inline-block;
    font-family: 'icoviadeo';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-viadeo:before {
    content: "\e900";
}

/* ==========================================================================

# Icon Viadeo - end

========================================================================== */


/* ==========================================================================

# Icon List Item style - begin

========================================================================== */

.qodef-icon-list-item .qodef-icon-list-icon-holder {

  vertical-align: top;

  padding: 4px 0;

}

/* ==========================================================================

# Icon List Item style - end

========================================================================== */

/* ==========================================================================

# Pricing table - begin

========================================================================== */

/* ---------- Pricing table --------- */
.ptp-pricing-table{ white-space: nowrap; width: 100%; text-align: left; margin-bottom: 2em; }

.ptp-col { display: inline-block; vertical-align: top; white-space: normal; margin-left: -0.34em; padding: 0; }
.ptp-col-id-0:not(*:root) {margin-top: 235px!important;} /* @selectorhack: Webkit for Chrome*, Safari*, Opera>=14, Android* */
@-moz-document url-prefix() {.ptp-col-id-0 { margin-top: 239px!important; }} /* @selectorhack: Firefox */
.ptp-one-col   { width: 50%; }
.ptp-two-col   { width: 46.5%; }
.ptp-three-col { width: 30.5%; }
.ptp-four-col  { width: 23.25%; }
.ptp-five-col  { width: 18.6%; }
.ptp-six-col   { width: 15.5%; }
.ptp-seven-col { width: 13.29%; }
.ptp-eight-col { width: 11.625%; }
.ptp-nine-col  { width: 10.3%; }
.ptp-ten-col   { width: 9.3%; }
.ptp-more-col  { width: auto; }

div.ptp-item-container { margin: 0 0 1.25em 0; padding-left: 0px; padding-bottom: 0px; font-size: 1em; line-height: 1.6; font-family: inherit; border: #dddddd solid 1px; border-radius: 5px;}
div.ptp-plan{ text-align: center; font-size: 1.15em; padding: .75em; background-color: #f7f7f7; color: #333333; border-top-right-radius: 5px; border-top-left-radius: 5px;}
div.ptp-most-popular{padding: 0.3em; text-align: center; font-size: 0.9em; font-weight: bold; line-height: 1.4em; margin-bottom: 2px; background-color: #7f8c8d; color: #fff;}
div.ptp-not-most-popular{ background: none; padding: 0.3em; text-align: center; color: #fff; font-size: 0.9em; font-weight: bold; line-height: 1.4em; margin-bottom: 2px; }
div.ptp-price{text-align: center; font-weight: normal; font-size: 2.5em; line-height: 0.65em; padding: .75em .25em 0em .25em; color: #333333;}
div.ptp-price em{display: block; text-align: center; font-weight: normal; font-size: .5em; line-height: 0.65em; padding: .75em .25em 0em .25em; color: #333333;}
div.ptp-bullet-item{position: relative; background-color: #fff; text-align: center; padding: 1em; font-weight: normal; color: #333333; border-bottom: dotted 1px #dddddd; min-height: 30px; }
div.ptp-bullet-item:first-child { border-top-left-radius: 5px; }
div.ptp-bullet-item:last-child {border-bottom: none; border-bottom-left-radius: 5px;}
div.ptp-bullet-item i.fa-check { color: #5cb85c; }
div.ptp-bullet-item i.fa-remove { color: #dc4637; }
div.ptp-cta{ text-align: center; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 1.25em; padding-bottom: 1.25em; }
div.ptp-price + div.ptp-cta{ border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom: solid 1px #dddddd; }

/* .ptp-col { width: 20.65%; }
.ptp-col-id-0 { width: 40%; } */

div.ptp-col-id-0 div.ptp-bullet-item { text-align: left; }

div.ptp-bullet-item span[class*=" icon-"],
div.ptp-bullet-item span[class^=icon-] {
  font-size: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

div.ptp-bullet-item span[class*=" icon-"]:before,
div.ptp-bullet-item span[class^=icon-]:before { display: block; }

div.ptp-bullet-item span.icon-arrows-check {color: #90df50;}
div.ptp-bullet-item span.icon-arrows-remove {color: #ec1d23;}

a.ptp-button{
  border-style: solid;
  cursor: pointer;
  font-family: inherit;
  font-weight: bold;
  line-height: 1.3;
  position: relative;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  width: 75%;
  margin: 0 0 1.25em;
  padding-top: 0.75em;
  padding-bottom: 0.8125em;
  font-size: 1em;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  
  /* from zurb */
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -webkit-transition: background-color 300ms ease-out;
  -moz-transition: background-color 300ms ease-out;
  transition: background-color 300ms ease-out;
}

a.ptp-button {
    border-radius: 5px;
    font-size: 1em;
    color: #fff;
    background-color: #fc8b38;
    border-bottom: #c85e10 4px solid;
    margin: 0;
}

a.ptp-button:hover {
    -webkit-filter: grayscale(30%);
    background: #f07c27;
    color: #fff;
}

/* smart phones */
@media only screen and (max-width: 765px) {
  .ptp-col { width: 100%; }
  .ptp-pricing-table{ white-space: normal; }
  .tt-ptp-empty-row { display: none  }
}

/* ==========================================================================

# Pricing table - end

========================================================================== */

/* ==========================================================================

# Buttons style - begin

========================================================================== */

.qodef-btn.qodef-btn-hover-animation:not(.qodef-btn-outline):hover.qodef-btn-solid:not(.qodef-btn-custom-hover-bg) {

  background-color: #ee7f01 !important;

}

.qodef-btn.qodef-btn-hover-animation:not(.qodef-btn-outline):not(.qodef-btn-custom-hover-bg):not(.qodef-btn-solid) .qodef-animation-overlay {

  background-color: #ee7f01;

}

/* ==========================================================================

# Buttons style - end

========================================================================== */

/* ==========================================================================

# Helpers - begin

========================================================================== */

/* Same height for blocks */
.equal-height-blocks .wpb_column .wpb_wrapper > div[class*="box-holder"] {
  min-height: 420px;
}

/* ==========================================================================

# Helpers - end

========================================================================== */

/* ==========================================================================

# MailChimp Widget for WordPress v3.0.10 style - begin

========================================================================== */

footer .widget_mc4wp_form_widget input[type="email"] {
	font-size: 13px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
	width: 80%;
	margin-bottom: 0;
	padding: 0 15px;
	vertical-align: top;
	height: 40px;
	line-height: 40px;
	background-color: transparent;
	color: #fff;
	border: 1px solid #B4B4B4;
}

footer .widget_mc4wp_form_widget input[type="submit"] {
	color: #fff;
	padding: 0 8px;
	height: 40px;
	line-height: 36px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
	vertical-align: top;
	margin: 10px 0;
}

footer .widget_mc4wp_form_widget input[type="submit"]:hover {
	background-color: #fff;
	color: #ee7f01;
	border-color: #fff;
}

/* ==========================================================================

# MailChimp Widget for WordPress v3.0.10 style - end

========================================================================== */

/* ==========================================================================

#Modules styles - begin

========================================================================== */

.qodef-underline-icon-box-holder .qodef-underline-icon-box-icon-holder .qodef-icon-shortcode .qodef-icon-element {
    color: #ee7f01;
}

.qodef-counter-holder .qodef-counter-text {
    color: #797979;
}

/* ==========================================================================

#Modules styles - end

========================================================================== */

/* ==========================================================================

14.  Main Menu styles start - begin

========================================================================== */

.qodef-main-menu > ul > li > a span.item_inner {  padding: 0 12px!important; }

/* ==========================================================================

# Main Menu styles start - end

========================================================================== */

/* ==========================================================================

19. Footer style - begin

========================================================================== */

footer .qodef-footer-bottom-holder .qodef-column {

	box-sizing: border-box;

}

footer .qodef-footer-bottom-holder .qodef-column:first-child {

  padding-left: 95px;

}

footer .qodef-footer-bottom-holder .qodef-column:last-child {

  padding-right: 140px;

}