/*
Theme Name: Talon Child
Theme URI: http://athemes.com/theme/talon
Template: talon
Author: aThemes
Author URI: http://athemes.com
Description: Talon is a multipurpose business theme built using the latest technologies. It's equally suited for both freelancers or companies and features an optimum level of customization oportunities.
Tags: two-columns,right-sidebar,custom-colors,portfolio,full-width-template,custom-background,custom-header,custom-menu,custom-logo,featured-images,sticky-post,theme-options,threaded-comments,translation-ready
Version: 1.07.1573558697
Updated: 2019-11-12 12:38:17

*/
a { color: #ef4036;  }
a:hover { color: #000;  }

#pgc-220-0-0 .widget-title { font-size: 20px; text-align: left; margin: 45px 0 20px; text-transform: none;   }

.button-wrapper .button { width: 200px;  font-weight: 700; font-size: 16px;  text-align: right; padding: 20px 30px 20px 20px  }
.button-wrapper .button:first-child,
.menu-item-407 a { background: #ffde00 url(images/njuskalo.png) no-repeat 10px; color: #000; }
.button-wrapper .button:last-child,
.menu-item-416 a { background: #385c8e  url(images/facebook.png) no-repeat 20px 20px; color: #fff;  }
.button-wrapper .button:hover { box-shadow: 10px 10px 2px rgba(0,0,0,.1) !important }

.menu-item-407 a,
.menu-item-416 a  { display: inline-block; text-align: left; text-indent: -9999em; width: 50px; height: 40px; background-size: 40px; background-position: center; border-radius: 4px; position: relative; top: -5px   }
.menu-item-416 a { background-size: 13px; }

.menu-item-407 a:hover,
.menu-item-416 a:hover {  box-shadow: 5px 5px 2px rgba(0,0,0,.1) !important  }

#primary-menu { margin-top: 10px;  }

#panel-220-0-0-0> .panel-widget-style { padding-top: 10px !important;  }

.team-section .team-item-name h3 { margin:5px  0; color: #000 !important; text-transform: uppercase; font-weight: bold;  }
.team-item { background : rgba(256,256,256,.9); font-size: 14px;  padding-bottom: 30px; border-radius: 6px }
.team-item a { color: #000;  }
.team-item a:hover { color:  #ef4036 !important  }

.team-item-img { box-shadow: 0px 0px 10px rgba(0,0,0,.1) }

#panel-232-1-0-0 .team-item { background : rgba(0,0,0,.05); padding-top: 30px !important;  }


#pg-220-2 h3.widget-title { color: #fff !important;  }

.main-navigation a:hover { color: #ef4036;  }

#footer-navigation,
.site-info {display:none !important}

#pl-232 h3.widget-title { margin: 0; text-transform: none; text-align: left;  }

#pg-232-0 div,
#pg-232-1 div,
#pg-232-2 div { padding-top: 0 !important  }

#panel-232-1-0-0 h3 { text-align: center !important; margin-bottom: 50px !important; }

.wpcf7-form  textarea { height: 120px !important }

.map { height: 400px; width: 100%  }


[off-canvas] { background: #1c1c1c }

.footer-soc { text-align: left; margin-top: 30px;  }

.site-footer { padding: 60px 0 }  

.footer-soc a { padding: 10px 13px 10px 0 !important; width: 60px !important;  font-size: 14px !important; display: inline-block !important; text-indent: -9999em; text-align: left !important; position: relative;   }
.footer-soc a { background-size: 40px !important;  background-position: center 7px !Important;  }
.footer-soc a.facebook { background-size: 12px !important; background-position: center 10px !Important; margin-left: 30px;   }
.footer-soc a:hover { opacity: .6 }

#menu-usluge li { line-height: 1.2em;  }
#menu-usluge li a { display: block; padding: 10px 0 }
#menu-usluge li a:hover {  color: #ef4036;  }
#menu-usluge .current-menu-item a  { color: #ef4036; }


.contact-phone { text-align: center; width: 100% !important;  }
.contact-phone h1 { background:  #ef4036; display: inline-block; padding: 5px 20px; box-shadow: 1px 1px 1px rgba(0,0,0,.3); font-size: 60px;  }
.contact-phone .nmb span { display: inline-block; background: #fff; color: #ef4036; font-size: 35px; padding: 5px 20px }
.contact-phone svg { fill: #fff;  }


@media (max-width: 767px) { 

.so-panel .widget-title {  font-size: 30px !important; font-weight: bold;   margin-bottom: 30px; }
h3 { font-size: 20px !important;  }

.contact-phone svg { width: 20px !important; margin-right: 10px; position: relative; top: 2px;   }
.contact-phone h1 { font-size: 25px !important  }
.contact-phone .nmb span { display: inline-block; background: #fff; color: #ef4036; font-size: 22px; padding: 0px 15px }
    
}