/*

Theme Name: X – Child Theme
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: x

//fix sub-menu in mobile view

.x-navbar .mobile .x-nav li > a {
    margin: 0 0 -1px;
    border: 0px solid #f2f2f2 !important;
    border-left: 0;
    border-right: 0;
    padding: 1em 0;
    color: #b7b7b7;
    background-color: transparent;
    padding-left: 10px !important;
}

@media (max-width: 979px){
important.x-nav-collapse.collapse {
display: block;
height: 0!important;
}
.x-nav-collapse.collapse.in {
display: block;
height: auto!important;
}
}

.mobile-collapsed {
   display: none !important;
   visibility: hidden !important;
}

//redefine font, add this once
.x-icon {
font-family : 'fontawesome', FontAwesome;
}

//your custom fonts and you can create as many as you want.
.x-icon-my_custom:before {
content:"\f17a";
}

.x-navbar .sub-menu {
  background-color: #717171 !important;
t  font-size: .85em;
}

.x-navbar .sub-menu > li > a {
  color: #ffffff !important;
}

.x-navbar .sub-menu > li > a:hover {
  background-color: #aaaaaa !important;
}

.x-topbar {
border-style:none;
}

/* navbar top line color */
!
body .x-logobar {
    border-bottom: none;
}

.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a {
  box-shadow: inset 0 4px 0 0 #1da956;
}

.x-social-global a {
font-size: 35px;
margin-right: 10px;
}


/*
// Buttons
*/

.x-btn {
  font-weight: 700;
}

.x-btn.x-btn-alt,
.button.x-btn-alt,[type="submit"].x-btn-alt {
  border-color: #02aed6;
  background-color: #02aed6;
r  box-shadow: 0 0.25em 0 0 #0b8ead, 0 4px 9px rgba(0, 0, 0, 0.75);
}

.x-btn.x-btn-alt:hover,
.button.x-btn-alt:hover,[type="submit"].x-btn-alt:hover {
  border-color: #0b8ead;
  background-color: #0b8ead;
  box-shadow: 0 0.25em 0 0 #097690, 0 4px 9px rgba(0, 0, 0, 0.75);
}

o
/*
// Dropcap
*/

.x-dropcap {
  background-color: #02aed6;
}


/*
// Sidebar
*/

.widget a {
  color: #02aed6;
}

/*
// Contact Form 7
*/

.wpcf7-form {
  margin: 0;
}

/* Icon size for social share */
.x-share-options i {
    font-size: 30px;
}

/* Colors for social icons
i.x-icon-facebook-square {
    color: #3b5998;
}

i.x-icon-twitter-square {
    color: #00aced;
}

i.x-icon-google-plus-square {
    color: #dd4b39;
}
p
i.x-icon-linkedin-square {
    color: #007bb6;
}

i.x-icon-pinterest-square {
    color: #cb2027;
}

i.x-icon-reddit-square {
m    color: #5f99cf;
}

i.x-icon-envelope-square {
    color: #000000;
}*/

.x-colophon.bottom .x-social-global a {
   font-size: 35px; /* increase depending on the size you prefer.*/
}

.x-topbar .x-social-global a {
	font-size: 35px;
        color:#444444;
}

.x-topbar .x-social-global a:hover {
	font-size: 35px;
        color:#17a853;
}

/* social icons color in footer  */
body .x-colophon.bottom .x-social-global a {
     color: #444444;
}

/* social icons color in footer when hovered  */
body .x-colophon.bottom .x-social-global a:hover {
     color:#17a853;
}

.x-colophon.bottom .x-nav li a {
color: #444444;
}

@media (max-width: 979px) {
.x-navbar-fixed-top {
position: fixed !important;
}
}

//side navigation
.x-sidebar.right .widget ul li, 
i.x-sidebar.right .widget ol li {
    background-color:transparent;
    border:none;
}

body .x-dropcap {
     background-color: #17a853;
}

body .center {
text-align:center;
}

// change feature list icons to numbers for member page
.x-icon-500px:before {
  content: "1";
  font-weight: 800;
}
.x-icon-adjust:before {
  content: "2";
  font-weight: 800;
}
.x-icon-adn:before {
content: "3";
  font-weight: 800;
}
.x-icon-align-center:before {
content: "4";
  font-weight: 800;
}
.x-icon-align-justify:before {
content: "5";
  font-weight: 800;
}
.x-icon-align-left:before {
content: "6";
  font-weight: 800;
}
.x-icon-align-right:before {
content: "1";
}
.x-icon-amazon:before {
content: "8";
!}
.x-icon-ambulance:before {
content: "9";
}
.x-icon-anchor:before {
content: "10";
}
//main nav menu icons
.x-navbar .desktop .x-nav li > a > span::after {
  content: "\f107";
}

.x-navbar .desktop .x-nav li:hover > a > span::after {
  content: "\f103";
}

//images in text widgets

.textwidget .rounded {
    -webkit-filter: brightness(100%);
    filter: brightness(1.0);
    -webkit-border-radius:25px;
    -moz-border-radius:25px;
    border-radius:25px;
    border: 1px solid #ababab;
    padding: 0px;
    width: 100px;
    height: 125px; 
    background-repeat: no-repeat;
    background-size: cover;
}
.textwidget 
.rounded:hover img {
    -webkit-filter: brightness(70%);
    filter: brightness(0.7);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

//text widgets

 .textwidget p {
  background-color: #ffffff !important; 
  padding: 5px 5px 5px 5px; 
  border: 1px solid lightgrey;
  border-radius: 5px; 
  vertical-align:top;
}

/*.textwidget {
  border: 1px solid #dddddd;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 5px 10px;
}

.textwidget {
    font-size: 10px
}*/
//top-nav menu spacing
body .x-navbar .x-nav li a {
   padding-left: 10px !important;
}

/* No need for style tags here; simply get started by writing CSS! Watch as your changes are reflected live in the preview area. Have fun! */
body .x-btn-widgetbar .x-icon-plus-circle:before {
  content: "\f00d" !important;
}
body .x-btn-widgetbar.collapsed .x-icon-plus-circle:before {
  content: "\f0c9" !important;
}

/*body .x-navbar .desktop .x-nav li>a>span:after {
   content: "\f078" !important;
}*/

body .x-navbar .desktop .x-nav li>a>span::after {
content: "\f105";
}

body .x-navbar .desktop .x-nav li>a:hover>span:after {
content: "\f107";
}

body .x-navbar .desktop .x-nav li>a:hover>span:after {
content: "\f107";
}

//image styling for SIGs

.crop {
    width: 100px;
    height: 125px;
    overflow: hidden;
}

.crop img {
    margin: -75px 0 0 -100px;
}

//menu removing shadow for clarity?
.x-navbar .desktop .x-nav > li > a:hover, 
.x-navbar .desktop .x-nav > .x-active > a, 
.x-navbar .desktop .x-nav > .current-menu-item > a {
    -moz-box-shadow:   none;
    -webkit-box-shadow: none;
    box-shadow:         none;
}
//change rollover color for each social media icon
.x-social-global a i.x-icon-facebook-square:hover {
color: blue !important;
}
.x-social-global a i.x-icon-youtube-square:hover {
color: red !important;
}
.x-social-global a i.x-icon-google-plus-square:hover {
color: red !important;
}
.x-social-global a i.x-icon-twitter-square:hover {
color: #00BFFF !important;
}
.x-social-global a i.x-icon-linkedin-square:hover {
color: #1E90FF !important;
}