/*Change this hex color, to make different font color*/
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus,.navbar-default .navbar-nav > li > a:hover, a, a:focus, .icons-block [class*='icon-'], .icons-block i, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, .digitizer i, a:hover, .opaque .navbar-default .navbar-nav > li.active > a, .opaque .navbar-default .navbar-nav > li > a:hover, .checkedItem:before, .text-and-icon i, .iphone-nav-title span, .top-bar ul.adress-bar a:hover, .top-bar ul.social-bar a:hover, .language-switcher span:hover, .top-bar ul li a:hover, .refresh a:hover, .post-social a:hover, .pager a:hover, .select-item h5, .switcher-list-block a:hover, .switcher-list-block li.cur-page a, .color-switcher .toggle, .accordion .panel-title a.collapsed, .our-team-hero .hero-text span, .big-text-team-contact li i, .big-hovered-title span, .square-grid-item i, .pricing th, .icons-bg-item i, .sqrd-icons, .team-member ul.list-unstyled li:before, .map-trigger .map-trig-btn {
	color: #26B04C;
}

/*Change this hex color, to make different font color*/
.btn-primary-outline, .no-animation .navbar-collapse .active a, .no-animation .navbar-default a:hover, .no-animation .navbar-default .navbar-right .btn, .no-animation .navbar-default .navbar-right a:hover {
	color: #26B04C !important;
}

/*Change this hex color, to make different background color of elements*/
.tabs-horizontal .nav-tabs li.active a, .btn-primary, .scrollTop-btn, .btn-primary-outline:hover, .navbar-default .navbar-right .btn:hover, .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary, .tabs-vertical .tabs-slider-button li.active, .tab-next-prev:hover, .no-animation .nav-toggle span, .number-collapse, .filtering .nav-tabs li.active a, div.milo .fig-links a {
	background-color: #26B04C;	
}

/*Change this color, to make different background color of elements
	But here we are used rgba color format, to add some trasparency,
	you can convert it at http://hex2rgba.devoth.com/ */
.btn-primary:hover, .tabs-horizontal .nav-tabs a:hover, .twin-img-contact, .masonry-grid .item .grid-tile .color-overlay {
	background-color: rgba(38, 176, 76, .7);
}

.filtering .nav-tabs a:hover {
	background-color: rgba(38, 176, 76, .3);
}

/*Change this hex color, to make different border color of elements*/
.btn-primary-outline, .btn-primary-outline:focus, .btn-primary-outline:hover, .btn-primary, .btn-primary:hover, .tabs-horizontal .nav-tabs li.active, .footer-subscribe .container input, .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary, .full-width-subscribe .form-group input, .cta .form-group input, .map-contacts, .filtering .nav-tabs li.active {
	border-color: #26B04C;
}

/*Change this color, to make different forms outline color
	But here we are used rgba color format, to add some transparency,
	you can convert it at http://hex2rgba.devoth.com/ */
.form-control:focus {
	border-color: rgba(38, 176, 76, .3);
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(38, 176, 76, .3), 0 0 8px rgba(38, 176, 76, .4);
	box-shadow: inset 0 1px 1px rgba(38, 176, 76, .3), 0 0 8px rgba(38, 176, 76, .4);
}

.TOLWidget .box-header {
    background: #26B04C;
}

#login_button .round {
    background-color: #26B04C;
    background: -moz-linear-gradient(#26B04C, #26B04C);
    background: -ms-linear-gradient(#26B04C, #26B04C);
    background: -o-linear-gradient(#26B04C, #26B04C);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#26B04C), to(#26B04C));
    background: -webkit-linear-gradient(#26B04C, #26B04C);
    background: linear-gradient(#26B04C, #26B04C);
}

.color-switcher .toggle {
	color: #26B04C;
}

.custom_section_layout:hover {
    border: 3px solid #26B04C;
    background: #26B04C33;
}

.switch-primary>.switch-input:checked~.switch-label {
    background: #26B04C;
}

@media only screen and (min-width: 769px) {
    .card-img span {
        position: absolute;
        top: 22%;
        left: 14%;
        background-image: url('../../img/fumetto-green.svg');
        padding: 12px;
        transform: translate(-50%, -50%);
        background-repeat: no-repeat;
    }
}

@media only screen and (max-width: 500px) and (min-width: 361px){
    .card-img span {
        position: absolute;
        top: 29%;
        left: 14%;
        background-image: url('../../img/fumetto-green.svg');
        padding: 10px;
        transform: translate(-50%, -50%);
        background-repeat: no-repeat;
    }
}

@media (max-width: 769px) and (min-width: 500px) {
    .card-img span {
        position: absolute;
        top: 18%;
        left: 9%;
        background-image: url('../../img/fumetto-green.svg');
        padding: 15px;
        transform: translate(-50%, -50%);
        background-repeat: no-repeat;
    }
}


.btn-articles{
    width: 300px !important;
    background-color: #26B04C;
    border: 1px solid #26B04C;
    height:40px;
    line-height: 1.5em;
}

.article-colored-text{
    color: #26B04C;
}

@media only screen and (max-width: 360px) {
    .card-img span {
        position: absolute;
        top: 29%;
        left: 17%;
        background-image: url('../../img/fumetto-green.svg');
        padding: 12px;
        transform: translate(-50%, -50%);
        background-repeat: no-repeat;
    }
}