/* IYTA CUSTOM STYLES */
/*!
*
*
*/
/*.wf-loading h3, .wf-loading form h2 {
visibility: hidden;
}
 
.wf-active h3, .wf-inactive h3, .wf-active form h2, .wf-inactive form h2 {
visibility: visible;
} */

body {
    /* 	font-family: "open-sans" ;
    */
    
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Oswald', sans-serif;
}
h1 {
	font-weight: 400;
}

h2 {
    font-weight: 400;
    color: #706473;
}

h3 {
    color: #6e005f;  /*945f8a*/
    /*font-family: "acumin-pro-condensed", san-serif;*/
}

h4 {
	color: #18675f;
}

h5 {
	font-weight: 400;
    color: #706473;
    font-size: 1.25rem;
}

.md-textarea.md-resize {
	resize: vertical;
    min-height: 100px;
}

.call-to-action h5 {
    color: #ffffff;
    font-size: 1.5rem;
	
}
   

.section .section-heading {
    margin-bottom: 3rem;
}

.section .section-description {
    font-weight: 300;
    font-size: 1.2rem;
    margin-left: 10%;
    margin-right: 10%;
    margin-bottom: 3rem;
}

.stylish-side-nav .logo-wrapper {
    background-image: none;
}

a {
    color: #de9000;
    text-decoration: none;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

a:hover, a:focus {
    color: #A3238E;
    /* #F9B13A */  /* #F9BD1F */
    text-decoration: none;
}

.horizontal-listing a, .comments-section a {
    color: #F9B13A;
}

.btn-primary, .clr-primary {
    background: #6f0060;
}
.btn-primary:hover, .btn-primary:focus {
    background-color: #A3238E !important;
}

.btn-secondary, .clr-secondary {
    background: #fabc1e;
}
.btn-secondary:hover, .btn-secondary:focus {
    background-color: #e69e17 !important;
}

.btn-tertiary, .clr-tertiary {
    background: #A8AE76;
}
.btn-tertiary:hover, .btn-tertiary:focus {
    background-color: #e69e17 !important;
}

.double-nav .breadcrumb-dn {
    /* 	padding-top: 10px;
    */
}

.double-nav .button-collapse {
    padding: 8px 10px;
}

.double-nav.top-nav-collapse {
    padding-top: 8px;
    padding-bottom: 0;
}

ol li+li {
    margin-top: 3px;
}


.streak {
    min-height: 250px !important;
}

/*******  SKIN  ********/

.iyta-skin .primary-color {
    background-color: #6f0060 !important;
}

.iyta-skin .navbar {
    background-color: #6f0060;
}

.iyta-skin .page-footer {
    background-color: #33034c;
}

.iyta-skin .side-nav .logo-wrapper {
    background: none;
    background-size: cover;
}

.iyta-skin .side-nav .sn-avatar-wrapper img {
    border: 3px solid #33034c;
}

.iyta-skin .side-nav .social a:hover {
    background-color: #6e005f;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.iyta-skin .side-nav .collapsible li {
    background-color: transparent;
}

.iyta-skin .side-nav .collapsible li a.active {
    background-color: #550345;
}

.iyta-skin .side-nav .collapsible li a:hover {
    background-color: #6f0060;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.iyta-skin .side-nav .fa {
    color: rgba(227, 242, 253, 0.64);
}

.iyta-skin .navbar .navbar-nav .dropdown .dropdown-primary .dropdown-item:hover {
    background-color: #6f0060;
}

.iyta-skin .btn-primary {
    background: #6f0060;
}

.iyta-skin .btn-primary:hover, .iyta-skin .btn-primary:focus {
    background-color: #A3238E !important;
}

.iyta-skin .btn-primary.active {
    background-color: #A3238E !important;
}

.iyta-skin .btn-secondary {
    background: #fabc1e;
}

.iyta-skin .btn-secondary:hover, .iyta-skin .btn-secondary:focus {
    background-color: #e69e17 !important;
}

.iyta-skin .btn-secondary.active {
    background-color: #e69e17 !important;
}

.iyta-skin .btn-tertiary {
    background: #A8AE76;
}

.iyta-skin .btn-tertiary:hover, .iyta-skin .btn-tertiary:focus {
    background-color: #e69e17 !important;
}

.iyta-skin .btn-tertiary.active {
    background-color: #e69e17 !important;
}

.iyta-skin .btn-default, .clr-default,
.iyta-skin .card .btn-action {
    background: #2BBBAD;
}

.iyta-skin .btn-default:hover, .iyta-skin .btn-default:focus,
.iyta-skin .card .btn-action:hover,
.iyta-skin .card .btn-action:focus {
    background-color: #30cfc0 !important;
}

.iyta-skin .btn-default.active,
.iyta-skin .card .btn-action.active {
    background-color: #30cfc0 !important;
}


.iyta-purple {
    background-color: #a3228d !important;
}

.iyta-purple-text {
    color: #a3228d !important;
}

.iyta-deep-purple {
    background-color: #6f0060 !important;
}

.iyta-deep-purple-text {
    color: #6f0060 !important;
}

.iyta-gold {
    background-color: #e69e17 !important;
}

.iyta-gold-text {
    color: #e69e17 !important;
}
.iyta-purple-light {
    background-color: #c368b3 !important;
}

.iyta-purple-light-text {
    color: #ca65b8 !important;
}

.iyta-green {
	background-color: #2BBBAD !important;
}

.iyta-green-light {
	background-color: #a8d8d3 !important;
}

/*
.indigo.darken-1 {
background-color: #3949ab !important;
}

.indigo-text.text-darken-1 {
color: #3949ab !important;
}

.indigo.darken-2 {
background-color: #303f9f !important;
}

.indigo-text.text-darken-2 {
color: #303f9f !important;
}

.indigo.darken-3 {
background-color: #283593 !important;
}

.indigo-text.text-darken-3 {
color: #283593 !important;
}

.indigo.darken-4 {
background-color: #1a237e !important;
}

.indigo-text.text-darken-4 {
color: #1a237e !important;
}

.indigo.accent-1 {
background-color: #8c9eff !important;
}

.indigo-text.text-accent-1 {
color: #8c9eff !important;
}

.indigo.accent-2 {
background-color: #536dfe !important;
}

.indigo-text.text-accent-2 {
color: #536dfe !important;
}

.indigo.accent-3 {
background-color: #3d5afe !important;
}

.indigo-text.text-accent-3 {
color: #3d5afe !important;
}

.indigo.accent-4 {
background-color: #304ffe !important;
}

.indigo-text.text-accent-4 {
color: #304ffe !important;
}
*/



.thin-100 {
    font-weight: 100;
}

footer,header,main {
    padding-left: 240px;
}

@media only screen and (max-width: 992px) {
    footer,header,main {
        padding-left:0
    }
}

.newsfeed .col-md-6 {
    margin-bottom: 2rem;
}

@media only screen and (max-width: 768px) {
    .main-wrapper {
        /*
        margin-left: 0;
        margin-right: 0;
        */
    }
    
    main {
        padding-top: 60px;
    }
}

@media only screen and (min-width: 768px) {
    .main-wrapper {
        /*
        margin-left: 2%;
        margin-right: 2%;
        */
    }
    
    main {
        padding-top: 60px;
    }
}

@media only screen and (min-width: 992px) {
    .main-wrapper {
        /*
        margin-left: 5%;
        margin-right: 5%;
        */
    }
    
    main {
        padding-top: 90px;
    }
}

@media only screen and (min-width: 1400px) {
    .main-wrapper {
        /*
        margin-left: 8%;
        margin-right: 8%;
        */
    }
}

/* Navigation*/

.navbar {
    background-color: #6e005f !important;
    
}

.top-nav-collapse {
    background-color: #6e005f !important;
}
.side-nav a {
    padding-left: 18px;
}
.side-nav .collapsible-body a {
    padding-left: 24px;
}

.side-nav .logo-wrapper img {
    padding-left: 0;
    padding-right: 0;
}

footer.page-footer {
    
    
    /*
    linear-gradient(
    rgba(140, 27, 122, 0.9), 
    rgba(101, 0, 79, 0.9)
    ),
    */
    
    background: 
        /* top, transparent red, faked with gradient */ 
        linear-gradient(
            rgba(117, 23, 102, 0.9), 
            rgba(117, 23, 102, 0.9)
            ),
        /* bottom, image */
        url(../../images/general/childs-post-feet-hands.jpg) -10% 65%;
    
    /*     background-image: url(../../images/general/childs-post-feet-hands.jpg);
    */
    background-color: #710062;
    /* rgba(113, 0, 98, 1);
    */
    
}

footer.page-footer .footer-copyright{
    background-color: rgba(0, 0, 0, 0.36);
}

@media only screen and (max-width: 768px) {
    .navbar {
        background-color: #6e005f;
    }
}


@media (max-height: 700px) {
    .side-nav .logo-wrapper {
        height: 140px;
    }
    .side-nav .logo-wrapper a {
        height: 140px;
    }
}

@media (max-height: 910px) {
    .side-nav .logo-wrapper {
        height: 140px;
    }
    .side-nav .logo-wrapper a {
        height: 140px;
    }
}


@media (max-height: 400px) {
    .fixed-bottom {
        display: none;
    }
}

.pt-color {
    background-color: #45526E !important
}

.st-color {
    background-color: #6e005f !important
}

.et-color {
    background-color: #3F729B !important
}

.btn-ptc {
    background-color: #45526E !important
}

.btn-ptc:focus,.btn-ptc:hover {
    background-color: #59698d!important
}

.btn-stc {
    background-color: #1C2331!important
}

.btn-stc:focus,.btn-stc:hover {
    background-color: #2f3a51!important
}

#comments button,#comments html input[type=button],#comments input[type=reset],#comments input[type=submit],.btn-etc {
    background-color: #3F729B!important
}

#comments button:focus,#comments button:hover,#comments html input[type=button]:focus,#comments html input[type=button]:hover,#comments input[type=reset]:focus,#comments input[type=reset]:hover,#comments input[type=submit]:focus,#comments input[type=submit]:hover,.btn-etc:focus,.btn-etc:hover {
    background-color: #548cb9!important
}

.wpcf7-submit,div.bbp-submit-wrapper button {
    line-height: 1.33333;
    position: relative;
    padding: 5px 22px;
    border: 0;
    margin: 10px;
    cursor: pointer;
    border-radius: 2px;
    text-transform: uppercase;
    text-decoration: none;
    outline: 0!important;
    color: #fff!important;
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    -ms-transition: .2s ease-out;
    transition: .2s ease-out;
    background-color: #45526E !important
}

.wpcf7-submit:focus,.wpcf7-submit:hover,div.bbp-submit-wrapper button:focus,div.bbp-submit-wrapper button:hover {
    background-color: #59698d !important
}

@media only screen and (min-width: 992px) {
    footer.page-footer .col-md-4 {
        margin-left:2rem
    }
}

.price-select {
    margin-left: 30%;
    margin-right: 30%
}

@media only screen and (max-width: 992px) {
    .price-select {
        margin-left:25%;
        margin-right: 25%
    }
}

@media only screen and (max-width: 768px) {
    .price-select {
        margin-left:15%;
        margin-right: 15%
    }
}

@media only screen and (max-width: 500px) {
    .price-select {
        margin-left:5%;
        margin-right: 5%
    }
}

.side-nav {
    
    background-color: #a3238e;
    /* #1C2331 */
    background: -webkit-linear-gradient(#a3238e 30%, #6e005f, #6e005f);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#a3238e 30%, #6e005f, #6e005f);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#a3238e 30%, #6e005f, #6e005f);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(#a3238e 30%, #6e005f, #6e005f);
    /* Standard syntax */
}

.side-nav .logo-wrapper img {
    padding-top: 5%;
    padding-bottom: 5%;
}

.side-nav .logo-wrapper {
    /*    background: url("") center center no-repeat;
    background-size: cover */
}

.side-nav li {
    background-color: #a3238e;
    opacity: .9;
}

.side-nav .collapsible a.active,.side-nav .collapsible a:active,.side-nav li.active,.side-nav li:hover {
    background-color: #5e1451;
    opacity: .9;
}

.side-nav p {
    color: #fff
}

.side-nav .collapsible a {
    height: 45px;
    line-height: 45px;
    color: #fff;
    font-size: .9rem;
    font-weight: 400 !important;
}

.side-nav .collapsible .collapsible-body li {
    border-top: 1px solid #90157a;
}

.side-nav .collapsible .collapsible-body a {
    height: 32px;
    line-height: 32px
}

.side-nav .social {
    border-top: 1px solid #90157a;
    border-bottom: 1px solid #90157a
}

.side-nav .social a {
    color: #fff
}

.side-nav #menu-item-403 {
    border-top: 1px solid #90157a
}

::-webkit-scrollbar {
    width: 8px
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    -webkit-border-radius: 10px;
    border-radius: 10px
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #45526E;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.5)
}

::-webkit-scrollbar-thumb:window-inactive {
    background: #482c43
}

#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {
    height: 200px
}

#bbpress-forums #bbp-search-form {
    margin-bottom: 2rem
}

#bbp_search_submit {
    border-radius: 0;
    border: 0;
    transition: .2s ease-out;
    color: #fff;
    margin: 6px;
    background-color: #482c43 !important;
    padding: .6rem 1.05rem;
    font-size: 1.05rem;
    line-height: 1.11
}

#bbp_search_submit:hover {
    color: #fff
}

#bbp_search_submit.active,#bbp_search_submit:active,#bbp_search_submit:focus {
    outline: 0;
    color: #fff
}

#bbp_search_submit:focus,#bbp_search_submit:hover {
    background-color: #59698d!important
}

.presentation-wrapper .intro-section {
    height: 350px;
    margin-top: -80px;
    padding-top: 220px;
    text-align: center;
    background-image: url(""); /* http://brandflow.pl/wp-content/uploads/2015/09/2.jpg */
    background-repeat: no-repeat;
    background-size: cover
}

.presentation-wrapper .about-section {
    height: 100px;
    padding-top: 150px;
    text-align: center;
    background: #eee
}

.presentation-wrapper .material-icons {
    font-size: 30px
}

.presentation-wrapper .top-nav-collapse {
    background-color: #607d8b
}

.presentation-wrapper .content-wrapper {
    margin-right: 5%;
    margin-left: 5%
}

.documentation .doc-title {
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    padding: 2rem 0;
    margin: 5rem 0 2rem;
    text-transform: uppercase
}

.documentation .doc-title.doc-first {
    border-top: none;
    margin-top: 0;
    padding-top: 1.2rem
}

.documentation .doc-title.doc-subtitle {
    text-transform: none;
    border-top: none;
    font-size: 1.7rem;
    margin-top: 2rem
}

.documentation .doc-title .btn {
    margin-top: -2px
}

@media (max-width: 776px) {
    .documentation .doc-title .btn {
        margin-top:1rem;
        display: block
    }
}

.documentation .col-example {
    padding: 1rem;
    background-color: #3F729B;
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
    border: 2px solid #1C2331;
    color: #fff
}

.documentation .is-visible {
    background-color: #bbdefb
}

.documentation .is-hidden {
    color: #9e9e9e
}

.documentation .scroll-box {
    position: relative
}

.documentation .scrollspy-example {
    overflow-y: scroll;
    position: relative;
    height: 200px;
    padding: 1rem
}

.documentation footer {
    padding-left: 0
}

.color-block {
    text-align: center;
    height: 200px;
    color: #fff;
    padding: 40px
}

.color-block-dark {
    height: 130px;
    text-align: center;
    color: #fff;
    padding: 15px
}

.dynamic-color .col-md-4 {
    margin-bottom: 2rem
}

.dynamic-color .col-md-4 div {
    padding: 7px 20px
}

#comments .comment-text {
    margin-top: 1rem
}

#comments button,#comments html input[type=button],#comments input[type=reset],#comments input[type=submit] {
    display: inline-block;
    padding: .375rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 0;
    border: 0;
    transition: .2s ease-out;
    color: #fff;
    margin: 6px
}

#comments button:hover,#comments html input[type=button]:hover,#comments input[type=reset]:hover,#comments input[type=submit]:hover {
    color: #fff
}

#comments textarea {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #4285F4;
    border-radius: 0;
    outline: 0;
    height: 3rem;
    width: 100%;
    font-size: 1rem;
    margin: 0 0 15px;
    padding: 0;
    box-shadow: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    transition: all .3s
}

.author-box,.comments-section {
    margin-bottom: 2rem
}

#comments textarea:focus:not([readonly]) {
    border-bottom: 1px solid #4285F4;
    box-shadow: 0 1px 0 0 #4285F4
}

#comments textarea:focus:not([readonly])+label {
    color: #4285F4
}

#comments textarea+label:after {
    display: block;
    content: "";
    position: absolute;
    top: 65px;
    opacity: 0;
    transition: .2s opacity ease-out,.2s color ease-out
}

.comments-section {
    padding-top: 1rem
}

.tutorial-content pre.code-toolbar {
    max-height: 600px!important
}

.tutorial-content p {
    text-align: justify
}

.bbp-author-ip {
    display: none
}

footer.page-footer {
    padding-top: 0;
    margin-top: 100px;
}
.call-to-action {
    background-color: #550345;
    
    margin-bottom: 20px;
}

.fixed-bottom {
    position: fixed;
    bottom: 160px;
    
    width: 240px;
    z-index: -1;
    opacity: 0.4
}
.fixed-bottom :hover {
    opacity: 0.8;
}
.fixed-bottom a {
    padding-left: 0 !important;
    color: white;
}
.fixed-bottom img {
    margin: auto;
    display: block;
    max-width: 180px;
    /* 	opacity: .5;
    */
}




/******** general   ********/


a:focus {
    /* outline: thin dotted;
    */
    outline: 0px auto -webkit-focus-ring-color;
    outline-color: -webkit-focus-ring-color;
    outline-style: auto;
    outline-width: 0px;
    outline-offset: -2px;
}


section + section {
    margin-top: 30px;
}

.st-mdb {
    border-left: 4px solid #6E005F;
}
.st-mdb small {
    border-left: 2px solid #6E005F;
}

.hl-2-col a {
    color: #6E005F;
}

ul.sqr {
    padding-left: 2.5em;
}

ul.sqr>li {
    list-style-type: square;
}
section ul li{
	list-style-type: circle;
}
ul.sqr ul, ul.list-unstlyed ul {
	padding-left: 2em;
}
ul.sqr ul li {
    list-style-type: circle;
}

ul.list-unstyled > li {
    list-style-type: none;
}

h2.hand {
    font-family:  "scriptorama-markdown-jf"	;
}

select#ddMonth, select#ddYear {
    display: inline-block;
}

/***** PRICING CARD *******/

.pricing-card .price-yr {
    position: relative;
    padding-top: 3rem;
}

.pricing-card .price-yr h1 {
    font-size: 5rem;
    padding: 1.5rem;
}

.pricing-card .price-yr h1:before {
    content: "$";
    font-size: 30px;
    position: absolute;
    margin-left: -1.2rem;
    margin-top: 0.7rem;
}

.pricing-card .price-yr h1:after {
    content: "/yr";
    font-size: 30px;
    position: absolute;
    margin-top: 3rem;
}

.pricing-card .price-yr .version {
    position: absolute;
    top: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 1rem;
}

.pricing-card .price-yr .version h5 {
    padding: 0;
    margin: 0;
    color: #ffffff
}

.pricing-card .striped li {
    list-style: none !important;
}

.testimonial {
    margin-left: 1.5rem;
    border-left: 5px solid #e6d4e6;
    padding-left: 1rem;
    padding-right: 2rem;
}

ul.shop-cart-total li {
    list-style: none;
    padding: 0;
}