/*
 Theme Name:     Ardent 
 Theme URI:      http://ardentcreative.com
 Description:    Ardent Framework Base Theme
 Author:         Ardent Creative
 Author URI:     http://ardentcreative.com
 Version:        1.2.21
*/

/* ::: Global resets and defaults, for common elements ::: */
body{margin: 0px; padding: 0px; font-size: 14px; line-height: 1.42857143;}
a{text-decoration: none;}
a:hover{text-decoration: underline;}

/* ::: Text ::: */
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.text-justify {text-align: justify;}
.text-nowrap {white-space: nowrap;}
.text-lowercase {text-transform: lowercase;}
.text-uppercase {text-transform: uppercase;}
.text-capitalize {text-transform: capitalize;}
.text-hide {font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0;}

/* ::: Headings ::: */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}

/* ::: Structure ::: */
.col{display: inline-block; vertical-align: top;}
.block{display: block;}
.inline{display: inline;}
.full{width: 100%;}
.half{width: 50%;}
.third{width: 33%;}
.quarter{width: 25%;} 

/* ::: Spacing ::: */
.mset{margin: 20px 0;} /* Applies arbitrary margin: The number (20 for example) represents the margin value */
.mset2{margin: 0 5px 0 0;} /* Applies arbitrary margin: The number (5px right for example) represents the margin value */
.m20{margin: 20px 0;} /* Usually a top/bottom margin that gets used frequently */
.pset{padding: 20px 0;} /* Applies arbitrary padding: The number (20 for example) represents the padding value */
.pset2{padding: 20px;} /* Applies arbitrary padding: The number (20 for example) represents the padding value */
.p20{padding: 20px 0;} /* Usually a top/bottom padding that gets used frequently */

/* ::: Display ::: */
.clear{clear: both;}
.clear:after{content: ""; display: block; clear: both;} /* Set this class on the container that holds floated elements */
.hidden {display: none !important; visibility: hidden !important;}
.invisible {visibility: hidden;}
.hide{display: none !important;}
.show{display: block !important;}

/* ::: Floats ::: */
.pull-right {float: right;}
.pull-left {float: left;}

/* ::: Dynamic Columns ::: 
If you want to test for whether there are 1, 2, 3, 4, etc elements within a certain element (example: the homepage has buttons you can turn on off, and you want to change the styling of the button if there is only 1, apposed to 3), you can select them with the nth-last-child, and first-child selectors.
*/
/* one item */
.columns li:first-child:nth-last-child(1) {
    width: 100%;
}
/* two items */
.columns li:first-child:nth-last-child(2),
.columns li:first-child:nth-last-child(2) ~ li {
    width: 50%;
}
/* three items */
.columns li:first-child:nth-last-child(3),
.columns li:first-child:nth-last-child(3) ~ li {
    width: 33.3333%;
}
/* four items */
.columns li:first-child:nth-last-child(4),
.columns li:first-child:nth-last-child(4) ~ li {
    width: 25%;
}

/* ::: Responsive Specific ::: */
.mobile{display: none !important;}
.desktop{display: block !important;}
@media only screen and (max-width:768px) {
    .mobile{display: block !important;}
    .desktop{display: none !important;}
}

/* Responsive Iframes */
.embed-container { position: relative; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

img.alignleft {
    float: left;
    padding: .5em;
}
img.alignright {
    float: right;
    padding: .5em;
}
img.aligncenter{
	display: block;
	text-align: center;
	margin: 0 auto;
	padding: .5em;
}
img.alignnone
{
    padding: .5em;
    display: inline-block;
}