/*

Theme Name: Geek Goddess Custom
Theme URI: http://theme.co/x/
Author: Jaime Lerner - the Geek Goddess
Author URI: https://geekgoddess.com
Description: Custom X Pro child theme.
Version: 1.0.0
Template: pro

*/
:active,:focus {
  outline: none !important;
}


/* TYPOGRAPHY =========================== */

body { font-family: "Montserrat",sans-serif  !important; }

h1, .h1{
    font-size: 350%;
}

h2, .h2 {
    font-size: 300%;
}

h3, .h3 {
    font-size: 250%;
}

h4, .h4 {
    font-size: 200%;
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
 /* font-weight: 700 !important;*/
  margin-top: 20px;
}
h6, .h6 {
  text-transform: none;
}
.yellow {
  background-color: yellow;
}

.horizontal-dotted-line {
  border-bottom: 1px dotted #333;
  width: 100%;
}
.horizontal-dashed-line {
  border-bottom: 1px dashed #333;
  width: 100%;
}
.clear {
  clear:both;
}
.center {
  text-align:center;
}

.underline {
    text-decoration: underline;
}
.uppercase { text-transform: uppercase }

/* remove empty p tags in WordPress */
p:empty {
    display:none;
}

/* add 1px line behind text */
.line-behind {
    display: table;
    white-space: nowrap;
    &:before, &:after {
      border-top: 1px solid rgb(0,0,0.5);
      content: '';
      display: table-cell;
      position: relative;
      top: 0.7em;
      width: 45%;
    }
    &:before { right: 1.5%; }
    &:after { left: 1.5%; }
}

/* IMAGES =========================== */

.img-center { display:block !important; }
.img-center img { margin: 0 auto; }


/* Header area =========================== */

/* un-remark if you want to not display the social icons in the header but still want them in the footer
/*.x-topbar .p-info {
  display:none;
}*/

/* resizing logo: un-remark if you want this
.x-brand {
  position: absolute;
}

.x-brand img {
	-webkit-transition:all .4s ease;
	transition:all .4s ease;
	height:76px;
	width:auto!important;
}

.x-btn-navbar {
	-webkit-transition:all .4s ease;
	transition:all .4s ease;
	margin-top:24px;
}

.x-brand {
	font-size:12px;
	-webkit-transition:all .4s ease;
	transition:all .4s ease;
	margin-top:4px !important;
}

.home .shrink.x-navbar {
  background-color: #57beeb !important;
}


.shrink .x-btn-navbar {
	margin-top:14px;
}

.shrink.x-navbar .desktop .x-nav > li > a {
	padding-top:18px;
	height:60px;
}

.shrink.x-navbar .desktop .x-nav > li ul {
	top:60px;
}

.shrink .x-navbar-inner {
	min-height:58px;
}

.shrink .x-brand, .shrink .x-brand img {
	margin-top:2px !important;
}

.shrink .x-brand img {
	height:40px !important;
}

.shrink .x-btn-navbar.collapsed {
    font-size: 14px !important;
    margin-top:14px;
}


@media (max-width: 424px) {
    .x-brand img {
        margin-top:20px !important;
        height: 46px !important;
    }
}

 */

/* LISTS ================================= */
li { padding-bottom: 5px }
ol li { padding-bottom:20px; }

ul.checkmarks {
  list-style-type: none;
}

ul.checkmarks > li:before {
  content: "\2714 ";
}

/* FORMS ============================== */

/* Fix to remove red box from Firefox forms */
input:invalid {
    box-shadow: none;
}

/* BLOG

/*remove blog section header
.x-header-landmark {
  display:none;
}

.p-meta>span:nth-child(2)  { display:none; }  /* remove date from blog posts */




/* BUTTONS ============================== */

.x-btn {
    border:none;
    text-shadow:none;
}

.x-btn, .button, [type="submit"] {
  text-shadow: none !important;
}

.x-btn-navbar {
    box-shadow: none !important;
}

@media (max-width: 484px){
    .x-btn-jumbo {
        font-size: 20px !important;
    }
}
/* FOOTER ============================ */

.x-colophon.top {
    padding: 2% 0;
    background-color: rgb(231, 180, 65);
}
.x-colophon.bottom {
    padding:0;
}

/* GENERAL MEDIA QUERIES ============================================= */

@media (max-width: 415px) {
  .infusion-form .largeButton { text-transform:uppercase; font-size: 14px; font-weight:bold }
}

/*  add in if you want a sticky navbar for mobile

@media (max-width: 979px) {
    .x-navbar-fixed-top {
        position: fixed !important;
    }
    body.x-navbar-fixed-top-active .x-navbar-wrap {
        min-height: 90px;
    }
}

*/

/* CHANGE BREAKPOINT FOR MOBILE NAV =============================== */

/* optional code for wider widths */

@media (max-width: 300px) {

.x-nav-wrap.desktop {
   display:none;
}

.x-nav-wrap.mobile {
   display:block;
}

.x-nav-wrap.mobile.x-collapsed {
    display: none;
}

.x-nav-wrap.mobile.collapse {
   display:none;
}

.x-nav-wrap.mobile.collapse.in {
   display:block !important;
}

.masthead-inline .x-btn-navbar {
    display: block;
    float: right;
}
  .x-menu-item-search {
    display:none;
  }

/* add in if nav overlays hero
#x-nav-wrap-mobile ul li:last-child {
    padding-bottom:70px;
}
*/


}