/*------- RESET -------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0;}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}img{max-width:100%;height:auto;}

/*------- TOOLS -------*/ 

.hideOnMobile {display: none;}
.hideOnDesktop {display: block;}
.clearfix { zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.floatLeft { float: left; }
.floatRight { float: right; }
.marginCenter {margin: 0 auto;}
.paddingTen {padding:0 10%;}
.uppercase { text-transform: uppercase; }
.marginTop {margin-top: 1em;}
.marginTopThree {margin-top: 3em;}
.marginBottom {margin-bottom: 1em;}
.noMarginTop { margin-top: 0 !important; }
.noMarginBottom { margin-bottom: 0; }
.small {font-size: 15px;line-height: 1.3em;}
.centerPencil { border-top: 1px solid #ccc; height: 1px; text-align: center; margin: 50px 0; clear: both; }
.centerPencil img { margin: 0 auto; padding: 0 11px; width: 45px !important; background: #fff; position: relative; bottom: 11px; }
strong {font-weight: bold;}
hr {border-bottom: 0; border-right: 0; border-left: 0;}
::selection { background: #029d48; color: #fff; }
::-moz-selection { background: #029d48; color: #fff; }

/*------- COLORS -------*/

.black {color: #000;}

/*------- TYPE -------*/

/* 	To embed your own fonts, use this syntax
	and place your fonts inside the 
	library/fonts folder. For more information
	on embedding fonts, go to:
	http://www.fontsquirrel.com/
	Be sure to remove the comment brackets.
*/
/*	@font-face {
    	font-family: 'Font Name';
    	src: url('http://anythingwithwords.com/wp-content/themes/aww/library/fonts/font-name.eot');
    	src: url('http://anythingwithwords.com/wp-content/themes/aww/library/fonts/font-name.eot#iefix') format('embedded-opentype'),
             url('http://anythingwithwords.com/wp-content/themes/aww/library/fonts/font-name.woff') format('woff'),
             url('http://anythingwithwords.com/wp-content/themes/aww/library/fonts/font-name.ttf') format('truetype'),
             url('http://anythingwithwords.com/wp-content/themes/aww/library/fonts/font-name.svg#font-name') format('svg');
    	font-weight: normal;
    	font-style: normal;
	}

  .font-name { font-family: 'Font Name'; } // Remember to set your font-family to a class so you can add it to your HTML easily.
*/

/*------- BUTTONS -------*/  

.button {
  padding: .5em 2%;
  background: #ccc;
}

/*------- GENERAL  -------*/

html, body {}
body {
  font-family: "PT Sans", "Times New Roman", serif;
  font-size: 100%;
  line-height: 1.5;
  color: #000;
}
.wrap {
  width: 96%;
  /*min-width: 960px;*/
  margin: 0 auto;
}
img {margin-top: 0.8em;}
img.floatLeft { float: left;margin-right: 20px; }
img.floatRight { float: right;margin-left: 20px; }
em {font-style: italic;}

/*------- LINK STYLES  -------*/

a, a:visited { color: #029d48; text-decoration: none; font-weight: bold;}
a:hover, a:visited:hover, a:focus, a:visited:focus { color: #00a9cc; text-decoration: none; }
a:link, a:visited:link { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); text-decoration: none; }

/*------- H1, H2, H3, H4, H5 STYLES  -------*/

/*********************************************
  This is where you set fonts to headings, 
  if you are in to that kind of thing.
  Just set the family to the group of headers
  you want it to be set to. You shouldn't have
  to touch anything else unless you are 
  changing line heights or weights.
*********************************************/

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  text-rendering: optimizelegibility;
}
h1 a, h2 a, h3 a, h4 a, h5 a { text-decoration: none; }
h1, .h1{font-size:2.8em; font-weight: bold; font-family: arial, Helvetica, Arial, sans-serif;line-height: 1.1em;margin-top: 0.4em;}
h2, .h2{font-size:2.1em; font-weight: bold; font-family: arial, Helvetica, Arial, sans-serif;line-height: 1.2em;margin: 0.2em 0;}
h3, .h3{font-size:1.9em; font-weight: bold; font-family: arial, Helvetica, Arial, sans-serif;line-height: 1.2em;margin-bottom: 0.3em;}
h4, .h4{font-size:1.8em; font-weight: bold; font-family: "PT Serif", "Times New Roman", serif; color: #029d48;margin-top: 0.2em;}
h5, .h5{font-size:1.4em; font-weight: bold; color: #696969;font-family: "PT Serif", "Times New Roman", serif;line-height: 1.3em;}
p {font-size: 20px;font-family: "PT Serif", "Times New Roman", serif;text-rendering: optimizelegibility;margin-bottom: 1em;}

/*********************************************
  DG1 - BASE(MOBILE)
  From this point up to the first media
  query is where you put any styling that
  is intended for mobile to desktop. Because
  many of the styles you see on mobile will
  be the same on desktop, do it here.
  Anything that is after this base section
  will not be seen on mobile or in ie8.
  The better base you set for yourself, the
  less work you will have to do in the other
  queries.
*********************************************/

/*------- HEADER -------*/

.header {}
#logo {}
.homepageLogo {
  margin: 0 auto;
  display: block;
  margin-top: 1em;
}

/*------- MOBILE NAVIGATION -------*/

.nav {
  border: 1px solid #ccc;
  border-bottom: 0;
}
.nav li {font-size: 17px !important;font-family: helvetica, arial, sans-serif;}
.nav li a {
  display: block;
  text-decoration: none;
  padding: 10px 10px 0;
  line-height: 0.8em;
}
.nav li ul.sub-menu li a, .nav li ul.children li a { padding-left: 30px; }

/*
    Mobile Menu Core Style
*/

.js #menu {display:none;}
.js .slicknav_menu {display:block;}

.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_row { display: block; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
    font-size:16px;
}
/* Button */
.slicknav_btn {
    margin: 5px 5px 6px;
    text-decoration:none;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;  
    background-color: #222222;
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {
    color: #FFF;
    font-weight: bold;
    text-shadow: 0 1px 3px #000;
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #f5f5f5;
}
.slicknav_menu {
    background:#4c4c4c;
    padding:5px;
}
.slicknav_nav {
    color:#fff;
    margin:0;
    padding:0;
    font-size:0.875em;
}
.slicknav_nav, .slicknav_nav ul {
    list-style: none;
    overflow:hidden;
}
.slicknav_nav ul {
    padding:0;
    margin: 0;
}
.slicknav_nav .slicknav_row {
    padding:5px 10px;
    margin:2px 5px;
}
.slicknav_nav a{
    padding:5px 10px;
    margin:10px 5px;
    text-decoration:none;
    color:#fff;
}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
    padding:0;
    margin:0;
}
.slicknav_nav .slicknav_row:hover {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background:#ccc;
    color:#fff;
}
.slicknav_nav a:hover{
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background:#fff;
    color:#222;
}
.slicknav_nav .slicknav_txtnode {
     margin-left:15px;   
}

/*------- POST & CONTENT -------*/

#content { margin-top: 0.2em; }
.entry-content {}
.entry-content dd {
  margin-left: 0;
  font-size: 0.9em;
  color: #787878;
  margin-bottom: 1.5em;
}
.entry-content img {
  margin: 1em 0 1.5em 0;
  max-width: 100%;
  height: auto;
}
.entry-content video,
.entry-content object {
  max-width: 100%;
  height: auto;
}
.entry-content pre {
  background: #eee;
  border: 1px solid #cecece;
  padding: 10px;
}
.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px;
}
.wp-caption img {
  max-width: 100%;
  margin-bottom: 0;
  width: 100%;
}
.wp-caption p.wp-caption-text {
  font-size: 0.85em;
  margin: 4px 0 7px;
  text-align: center;
}

ul, li {font-size: 20px;font-family: "PT Serif", serif;text-rendering: optimizelegibility;}
.contactWhen ul,.contactWhen li {font-size: 20px;font-family: "PT Serif", serif;text-rendering: optimizelegibility;margin-bottom: 1em;}
p.h4.emmy {margin-top: -5px;}
p.h5.emmySub {margin-top: -5px;}
.orangeFlowers{margin-bottom: 60px;}

/*------- SIDEBARS & ASIDES -------*/
.sidebar {margin-top: 1em;}
.sidebar p.h3 {font-size: 1.7em; border-bottom: 1px solid #bbb;padding-bottom: 0.2em;margin-top: 1.3em;}
.sidebar p.h5 {border-bottom: 1px solid #bbb;padding-bottom: 0.2em;margin-bottom: 0.3em;}
.sidebar p.newsletter {line-height: 1.4em;font-size: 1.2em;}

/*------- PLUGIN OVERRIDES-------*/

table.clientTable {
  border: 1px solid #D8D8D8;
  border-collapse: collapse;
  margin-bottom: 20px;
  margin-top: 20px;
}

table.clientTable td {
  border: 1px solid #D8D8D8;
  padding-left: 13px;
}

table.clientTable td:hover {
  background-color: #f1f2f4;
}

form.wpcf7-form {
  width: 350px;
  border: 1px solid #ccc;
  padding: 20px 20px 0px;
}

form.wpcf7-form input {
  width: 100%;
  height: 44px;
  background: #f9f9f9;
  border: 1px solid #ccc;
  text-indent: 10px;
  font-size: 17px;
}

form.wpcf7-form textarea {
  width: 100%;
  background: #f9f9f9;
  border: 1px solid #ccc;
  font-size: 17px;
}

form.wpcf7-form input.wpcf7-form-control.wpcf7-submit {
  min-width: 130px;
  max-width: 150px;
  width: 100%;
  height: 55px;
  background: #029d48;
  color: #fff;
  font-size: 15px;
  text-transform: uppercase;
}

form.wpcf7-form input.wpcf7-form-control.wpcf7-submit:hover {
  background: #3db875;
  cursor: pointer;
}

.bx-pager.bx-default-pager .bx-pager-item { display: inline; padding: 0 10px 0 0; }

/*------- FOOTER STYLES -------*/

.footer { 
  clear: both;
  background: #282828;
  color: #fff;
  text-align: center;
  padding: 1.3em 0;
}

#top-footer {
  border-top: 1px solid #ccc;
  padding-top: 2em;
  margin-top: 3em;
}

#top-footer img {
  margin: 0 auto;
  display: block;
  margin-bottom: 0.6em;
}

.copyright {
  font-size: 0.9em;
  color: #fff;
  margin: 0;
}

.copyright a {
  font-size: 0.9em;
  color: #fff;
  font-weight: normal;
}

.copyright a:hover {
  color: #00a9cc;
}

#top-footer p {
  text-align: center;
}

@media only screen and (min-width: 481px) {

  /*------- POST & CONTENT -------*/

  .entry-content {}
  .entry-content .alignleft,
  .entry-content img.alignleft {
    margin-right: 1.5em;
    display: inline;
    float: left;
  }
  .entry-content .alignright,
  .entry-content img.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right;
  }
  .entry-content .aligncenter,
  .entry-content img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
  }

} /* end 481 media query */

@media only screen and (min-width: 768px) {

  /*********************************************
    DG3 - 768 MEDIA QUERY
    This query is for the average viewer 
    window. Add the desktop specific styles
    and anything that won't be used in mobile.
    ANYTHING AFTER THIS POINT WILL NOT BE SEEN
    ON A MOBILE PHONE OR OLDER VERSIONS OF IE
  *********************************************/

  /*----- DO NOT TOUCH THIS GRID -----*/
  .onecol    { width: 5.801104972%;  }       /* 4.85%;  } /* grid_1  */
  .twocol    { width: 14.364640883%; }       /* 13.45%; } /* grid_2  */
  .threecol  { width: 22.928176794%; }       /* 22.05%; } /* grid_3  */
  .fourcol   { width: 31.491712705%; }       /* 30.75%; } /* grid_4  */
  .fivecol   { width: 40.055248616%; }       /* 39.45%; } /* grid_5  */
  .sixcol    { width: 48.618784527%; }       /* 48%;    } /* grid_6  */
  .sevencol  { width: 57.182320438000005%; } /* 56.75%; } /* grid_7  */
  .eightcol  { width: 65.74585634900001%; }  /* 65.4%;  } /* grid_8  */
  .ninecol   { width: 74.30939226%; }        /* 74.05%; } /* grid_9  */
  .tencol    { width: 82.87292817100001%; }  /* 82.7%;  } /* grid_10 */
  .elevencol { width: 91.436464082%; }       /* 91.35%; } /* grid_11 */
  .twelvecol { width: 99.999999993%; }       /* 100%;   } /* grid_12 */
  /* layout & column defaults */
  .eightcol,.elevencol,.fivecol,.fourcol,.ninecol,.onecol,.sevencol,.sixcol,.tencol,.threecol,.twelvecol,.twocol{position:relative;float:left;margin-left:2.762430939%}
  .first{margin-left:0}
  .last{float:right}
  .hideOnMobile {display: block;}
  .hideOnDesktop {display: none;}

  /*------- LAYOUT & GRID -------*/

 .wrap { /*max-width: 1140px;*/max-width: 980px; }

  /*------- NAVIGATION -------*/
  .js .slicknav_menu {display:none;}

  .nav {
    border: 0;
    text-align: right;
    color: #029d48;
    /*text-transform: uppercase;*/
  }
  .nav li {
    /*float: left;*/
    position: relative;
    display: inline-block;
  }
  .nav li a {
    border-bottom: 0;
    color: #029d48;
  }
  .nav li a:hover,
  .nav li a:focus {
    color: #00a9cc;
  }
  .nav li ul.sub-menu,
  .nav li ul.children {
    margin-top: 0;
    border: 1px solid #ccc;
    border-top: 0;
    position: absolute;
    display: none;
    z-index: 8999;  
  }
  .nav li ul.sub-menu li a,
  .nav li ul.children li a {
    padding-left: 10px;
    border-right: 0;
    display: block;
    width: 180px;
    border-bottom: 1px solid #eee;
    background: #fff;
  }
  .nav li ul.sub-menu li a:first-child,
  .nav li ul.children li a:first-child {
    border-top: 1px solid #eee;
  }
  .nav li ul.sub-menu li:last-child a,
  .nav li ul.children li:last-child a {
    border-bottom: 0;
  }
  .nav li:hover ul {
    top: auto;
    display: block;
  }

  ul#menu-second-menu {text-align: right;}
  ul#menu-second-menu li {font-size: 17px !important;font-family: helvetica, arial, sans-serif;position: relative;display: inline-block;}
  ul#menu-second-menu li a {display: block;text-decoration: none;padding: 10px 10px 3px;line-height: 0.8em;}

  ul#menu-third-menu {text-align: right;}
  ul#menu-third-menu li {font-size: 17px !important;font-family: helvetica, arial, sans-serif;position: relative;display: inline-block;}
  ul#menu-third-menu li a {display: block;text-decoration: none;padding: 10px 10px 3px;line-height: 0.8em;}

  /*------- HEADER -------*/

  .logo-header { border-bottom: 1px solid #ccc;padding-bottom: 1.3em; }

  /*------- SIDEBARS & ASIDES -------*/

  .sidebar {margin-top: 2.6em;}
  .widgettitle {
    border-bottom: 2px solid #444;
    margin-bottom: 0.75em;
  }
  .widget {
    padding: 0 10px;
    margin: 2.2em 0;
  }
  .widget ul li {
    margin-bottom: 0.75em;  
  }
  .widget ul li ul {
    margin-top: 0.75em;
    padding-left: 1em;
  }

  /*------- FOOTER STYLES -------*/

} /* end 768 media query */

@media only screen and (min-width: 1030px) {

  /*********************************************
    DG4 - 1030 MEDIA QUERY
    Here you can add styles for larger viewing
    windows, anything 1030px and up. If you
    really need to have a style for larger
    windows this is where it goes.
  *********************************************/

} /* end 1030 media query */

@media only screen and (min-width: 1240px) {

  /*********************************************
    DG5 - 1240 MEDIA QUERY
    This is for the biggest of the big.
  *********************************************/

} /* end 1240 media query */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /* 
  
  EXAMPLE 
  Let's say you have an image and you need to make sure it looks ok
  on retina screens. Let's say we have an icon which dimension are
  24px x 24px. In your regular stylesheets, it would look something
  like this:
  
  .icon {
  	width: 24px;
  	height: 24px;
  	background: url(http://anythingwithwords.com/wp-content/themes/aww/library/css/img/test.png) no-repeat;
  }
  
  For retina screens, we have to make some adjustments, so that image
  doesn't look blurry. So, taking into account the image above and the
  dimensions, this is what we would put in our retina stylesheet:
  
  .icon {
  	background: url(http://anythingwithwords.com/wp-content/themes/aww/library/css/img/test@2x.png) no-repeat;
  	background-size: 24px 24px;
  }
  
  So, you would create the same icon, but at double the resolution, meaning 
  it would be 48px x 48px. You'd name it the same, but with a @2x at the end
  (this is pretty standard practice). Set the background image so it matches
  the original dimensions and you are good to go. 
  
  */
} /* end retina media query */

@media print {

  /*********************************************
    DG6 - PRINT MEDIA QUERY
    These are the styles that the site grabs
    on top of the others when you print. The
    site.
  *********************************************/

  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  a, a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  a:after, a:visited:after {
    content: " (" attr(href) ")";
  }
  a abbr[title]:after, a:visited abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: "";
  }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr, img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page  {
    margin: 0.5cm;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2, h3 {
    page-break-after: avoid;
  }
  .sidebar, .page-navigation, .wp-prev-next, .respond-form, nav {
    display: none;
  }
} /* end print media query