/*

Theme Name: Girls with Nerve (using X child theme)
Theme URI: http://theme.co/x/
Author: Misty Dennis
Author URI: www.mistydennis.me
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: x

*/

/*------------Topbar Header (tagline)------------*/

.x-topbar .p-info {
    float: none;  /*centers text*/
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.3;
    margin: 9px 0 0;
    text-transform: uppercase;
    color: #747474;
}

.x-topbar {
   text-align: center !important;  /*centers text*/
}

/*----------- Expandable Header Widget---------*/
.x-btn-widgetbar {
   /* display: none;*/
    border-width: 30px;
}

.x-btn-widgetbar i  /*location of plus icon*/ {
    position: absolute;
    right: -23px;
    top: -23px;
    text-decoration:none;
}

.x-btn-widgetbar /*size of plus icon*/{
    font-size: 25px;
    line-height: 1;
}




/*------------Purple Header------------*/
.x-navbar-inner {
    min-height: 90px;
}

.x-logobar {
    position: relative;
    overflow: visible;
    border-bottom: 1px solid rgba(0, 0, 0, 0.075);
    text-align: center;
    background-color: #80379b;
    z-index: 1030;
}



/*------------Headers---------------*/

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: uppercase;
}


h1.title {
    font-size: 315%;
    line-height: 1.2;
    margin-top: -.085em;
    margin-bottom: 0.75em;
    text-align:center;
}

h2, .h2 {
    font-size: 200%;
    line-height: 1.2;
    margin: 0 0 0.2em;
    text-rendering: optimizelegibility;
    color: #747474 !important;
}

h4, h5, h6, .h4, .h5, .h6 {
    line-height: 1.4;
    margin-bottom: 0.5em;
    margin-top: 1.75em;
}

h5.name {
    line-height: 1;
    margin-bottom: 0.5em;
    margin-top: 0.3em;
}


/* h3 links - used with icons on home page */
/* h3 unvisited link */
.h3-home a:link {
    color: #80379b;
    text-decoration: none;
}


/* h5 links - used at the bottom of every content page */
/* h5 unvisited link */
h5 a:link {
    color: #80379b;
}

/* visited link */
h5 a:visited {
    color: #80379b;
}

/* mouse over link */
h5 a:hover {
    text-decoration: underline;
}

/* selected link */
h5 a:active {
    text-decoration: underline;
}



/*------------ Link Styles ---------------*/
/* unvisited link */
a:link {
    color: #80379b;
    text-decoration: underline;
}

/* visited link */
a:visited {
    color: #80379b;
}

/* mouse over link */
a:hover {
    color: #747474 !important;
}

/* selected link */
a:active {
    color: #80379b;
}



/*-----------breadcrumb trail---------*/
.x-breadcrumb-wrap {
  margin: 0;
  border-bottom: 1px solid #dfdfdf;
  border-bottom: 1px solid rgba(0,0,0,0.075);
  padding: 0.85em 0;
  /*font-size: 13px; this seems to do the same thing as .x-breadcrumbs font size*/
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 1.4;
  text-transform: uppercase;
  background-color: #fff;
}

.x-breadcrumbs {font-size: 2em;}

#iconcontainer {
    width: 65px;
    height: 75px;
   /* border: 5px solid red;*/
    text-align:center;
    float:left;
}



/*-----------Next Arrow for Blog Posts ---------*/

.x-nav-articles a:link {
    text-decoration:none;
}



/*-----------Social Icons---------*/
/*hides top right social icons*/
.x-topbar .x-social-global {
    float: right;
    display:none;
}
/*increases size of social icons*/
 .x-social-global a i {
     display: block;
     font-size: 250%;
}
.x-social-global  { 
    font-size: 2em;
}

/------------ *Remove link underline Social Icons - this stopped working after update ---------*/
#black-studio-tinymce-2 a,
.x-colophon.bottom .x-social-global a {
	text-decoration: none;
}

/*-----------Font Awesome Feature Headline Icons---------*/
.h-feature-headline span i {
    background-color: #566471;
    border-radius: 100em;
    color: #fff;
    float: left;
    font-size: .75em;
    height: 2em;
    line-height: 2em;
    margin-right: 0.25em;
    text-align: center;
    width: 2em;
}


.h-feature-headline span {
    display: inline-block;
    padding-left: 1.75em;
    position: relative;
}


/*--------- Home Page Icons - fix employed after update to center icons ----------*/

.x-ul-icons-home {
    list-style: outside none none;
    margin-left: 100px;
}



/*-----------Lightbox (to create darker background)---------*/
.ilightbox-overlay.light {
    background: none repeat scroll 0 0 #000;
}

/*-----------Lightbox closing icons---------*/
.ilightbox-toolbar.light {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.075);
    height: 40px;
    left: 10px;
    top: 10px;
}
.ilightbox-toolbar.light a.ilightbox-close::before {
    content: "";
    font-size: 20px;
    line-height: 40px;
}
.ilightbox-toolbar.light a.ilightbox-fullscreen::before {
    content: "";
    font-size: 15px;
    line-height: 40px;
}



/*-----------Accordion---------*/

.x-accordion-heading .x-accordion-toggle.collapsed::before {
    color: #2b2b2b;
    transform: rotate(0deg);
}

.x-accordion-heading .x-accordion-toggle {
    background-color: #d7d7d7;
    color: #566471;
    display: block;
    font-size: 128.6%;
    padding: 10px 15px;
    text-decoration: none;
}
.x-accordion-heading .x-accordion-toggle::before {
    bottom: 0.1em;
    color: #2b2b2b;
    content: "";
    display: inline-block;
    font-family: "fontawesome" !important;
    font-size: 74%;
    font-style: normal !important;
    font-weight: normal !important;
    margin-right: 10px;
    position: relative;
    transform: rotate(45deg);
    transition: all 0.3s ease 0s;
    text-decoration: none;
}



/*-----------Blockquote---------*/

blockquote {
    border: 5px dashed #fcd900;
    color: #80379b;
    font-family: "Droid Sans","Helvetica Neue",Helvetica,sans-serif;
    font-size: 150%;
    font-weight: 400;
    line-height: 1.3;
    margin: 1.313em 0;
    padding: 1em;
}



/*----------- Featured Image size -----------*/

.entry-thumb {
    display: block;
    position: relative;
    background-color: #fff;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.entry-thumb img {
    min-width: 100%;
    transition: opacity 0.75s ease 0s;
}

.entry-featured {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.075);
    margin-top: 3%;
    padding: 7px;
    position: relative;
    text-align: center;
    width: 25%;
    margin-left:40%;
}

/*-------- makes images on our stories page larger -----------*/
.x-recent-posts .x-recent-posts-img {
  padding-bottom: 105.25%;
}


/*--------- Blog image hover -------*/
.x-recent-posts a:hover img {
  opacity: .3;
}



/*---------Footer Widget Icons----------*/
.footer-widget-icon {
    font-size:3.35em;
    text-align:center;
    padding-right:10px;
    padding-top:3px;
    text-decoration:none;
}

.footer-widget-larger {
    font-size:3.5em;
    text-align:center;
    text-decoration:none;
}

.iconcontainer {
    width: 275px;
    height: 100px;
    /*border: 5px solid red;*/
    text-align:center;
    margin:0 auto;
}


/*-----------Footer---------*/
.x-colophon.bottom .x-colophon-content {
    font-size: 1.4rem;
    font-family: "Droid Sans","Helvetica Neue",Helvetica,sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.3;
    margin: 10px 0;
    text-transform: none;
    color: #2b2b2b;
}

/*---------Footer Widget----------*/
.footer-widget-text {
    color: #2b2b2b;
    font-family: "Droid Sans","Helvetica Neue",Helvetica,sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.3;
    text-transform: none;
    text-align:center;
}