/*   
    Theme Name: Wizards
    Theme URI: http://arconixpc.com
    Description: Wizards - Genesis Child Theme
    Author: John Gardner
    Author URI: http://arconixpc.com/

    Version: 1.0.0

    Template: genesis
    Template Version: 1.9.2

    The CSS, XHTML and design is released under GPL:
    http://www.opensource.org/licenses/gpl-license.php
*/

/*
    Defaults
---------------------------------------------------------------------------------------------------- */

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,
input, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

html {
    font-size: 100%; /* 16px browser default */
}

body {
    background: url(images/bg.jpg) repeat-x scroll left top #efc4f9;
    line-height: 1;
}

body,
input,
select,
textarea,
.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3 {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

a,
a:visited,
button,
input[type="button"],
input[type="submit"],
.btn {
    /*-moz-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;*/
}

a img {
    border: none;
}

img {
    max-width: 100%;
    height: auto;
}


/*
    Typography
-------------------------------------------------------------------------------------------------------

    This section covers font colors, families, size, styles and weight.

    This style sheet uses rem values with a pixel fallback.
    The rem values are calculated per the examples below:

    12 / 16 =       0.75rem
    14 / 16 =       0.875rem
    16 / 16 =       1rem    
    18 / 16 =       1.125rem
    20 / 16 =       1.25rem
    24 / 16 =       1.5rem
    30 / 16 =       1.875rem
    36 / 16 =       2.25rem
    42 / 16 =       2.625rem
    48 / 16 =       3rem
    
    Further reading on the use and compatibility of rems:
    
    http://caniuse.com/rem
    http://snook.ca/archives/html_and_css/font-size-with-rem
    
*/

/*  Font Color ----------- */

a:hover,
body,
h2 a,
h2 a:visited,
h4.widgettitle a,
input,
#title a,
#title a:hover {
    color: #666;
}

a,
h2 a:hover {
    color: #59969B;
}

/*  Font Family ----------- */

body,
input,
textarea,
.author-box h1 {
    font-family: Helvetica, Arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.entry-title a,
#title {
    font-family: Georgia, serif;
}

/*  Font Size ----------- */

#title {
    font-size: 42px;
    font-size: 2.625rem;
}

h1,
.entry-title,
.entry-title a {
    font-size: 36px;
    font-size: 2.25rem;
}

blockquote::before {
    font-size: 32px;
    font-size: 2rem;
}

h2 {
    font-size: 30px;
    font-size: 1.875rem;
}

h3 {
    font-size: 24px;
    font-size: 1.5rem;
}

h4,
.archive-title,
.taxonomy-description h1,
.widgettitle {
    font-size: 20px;
    font-size: 1.25rem;
}

h5 {
    font-size: 18px;
    font-size: 1.125rem;
}

h6,
.author-box h1,
.sidebar h2 a {
    font-size: 16px;
    font-size: 1rem;
}

input,
select,
textarea,
.genesis-nav-menu,
.post-info,
.post-meta,
.wp-caption,
#footer p {
    font-size: 14px;
    font-size: 0.875rem;
}


/*  Font Miscellaneous ----------- */

blockquote p {
    font-style: italic;
}

cite {
    font-style: normal;
}

button,
input[type="button"],
input[type="submit"],
h1,
h2,
h3,
h4,
h5,
h6,
.btn,
.entry-title a,
.genesis-nav-menu,
.post-comments,
.post-info .author,
.post-info .date,
.wp-caption,
#footer p,
#title {
    font-weight: 700;
}

.wp-caption {
    text-align: center;
}

h2 a,
h2 a:visited,
.genesis-nav-menu a,
.navigation li a,
.widgettitle a,
#title a {
    text-decoration: none;
}

/*
    Layout
---------------------------------------------------------------------------------------------------- */

/*  Structure ----------- */

.wrap {
    margin: 0 auto;
    max-width: 960px;
}

#inner {
    clear: both;
    overflow: hidden;
}

/*  960px CSS Grid ----------- */

.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.sidebar {
    width: 33%;
}

#title-area {
    /*width: 35%;*/
}

.content-sidebar #content-sidebar-wrap,
.full-width-content #content,
.full-width-content #content-sidebar-wrap,
.sidebar-content #content-sidebar-wrap,
#footer .creds {
    width: 100%;
}

.footer-widgets-1,
.footer-widgets-2,
.sidebar-content #sidebar,
#content,
#content-sidebar-wrap,
#title-area {
    float: left;
}

.footer-widgets-3,
.sidebar,
.sidebar-content #content
#header .widget-area {
    float: right;
}

/*  Header ----------- */

#header {
    margin-top: 30px;
    overflow: hidden;
}

#title {
    line-height: 1;
    margin: 40px 0 8px;
    margin: 2.5rem 0 0.5rem;
}

.header-image #title {
    margin: 0;
}

.header-full-width #title,
.header-full-width #title a,
.header-full-width #title-area {
    width: 100%;
}

#title-area #description {
    display: none;
}

.header-image #title a {
    background: url(images/logo.png) no-repeat center left transparent; 
    display: block;
    float: left;
    margin: 40px 0 0 -120px;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 300px;
    height: 183px;
    z-index: 2;
    position: absolute;
    top: 70px;
}

/*  Main Content ----------- */

#content {
    padding-bottom: 40px;
    padding-bottom: 2.5rem;
}

.entry,
.page .post.entry {
    margin-bottom: 80px;
    margin-bottom: 5rem;
}

.single .entry {
    margin-bottom: 48px;
    margin-bottom: 3rem;
}

.page .entry {
    margin: 0;
}

.entry-content {
    overflow: hidden;
}

.entry-content,
.entry-content p {
    line-height: 1.625;
}

.entry-content p {
    margin-bottom: 26px;
    margin-bottom: 1.625rem;
}

/*  Miscellaneous ----------- */

p.subscribe-to-comments {
    padding: 24px 0 16px;
    padding: 1.5rem 0 1rem;
}

.alignleft,
.archive-page {
    float: left;
}

.alignright {
    float: right;
}

/*
    Menus
---------------------------------------------------------------------------------------------------- */

#header .genesis-nav-menu {
    float: right;
    padding-top: 50px;
    width: auto;
    margin-bottom: 40px;
}

.genesis-nav-menu ul {
    float: left;
    width: 100%;
}

.genesis-nav-menu li {
    display: inline-block;
    float: left;
    list-style-type: none;
    text-align: left;
}

.genesis-nav-menu a {
    color: #fff;
    display: block;
    margin-left: 15px;
    padding: 15px 5px;
    position: relative;
    text-transform: uppercase;
}

.genesis-nav-menu a:hover {
    padding: 15px 5px 13px;
    border-bottom: 2px solid #fff;
}

#wpadminbar li:hover ul ul {
    left: 0;
}

#menu-primary-1 {
    margin: 40px 0 30px;
}

/*
    Sticky Menu
---------------------------------------------------------------------------------------------------- */
 
#subnav {
    background-color: #5A005A;
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 3;
}

.logged-in #subnav {
    margin-top: 25px;
}
 
#subnav .wrap {
    margin: 0 auto;
    position: relative;
    width: 960px;
}
 
#subnav .genesis-nav-menu.menu-secondary {
    border: none;
}
 
.genesis-nav-menu.menu-secondary a {
    color: #fff;
    padding: 20px;
    padding: 1.25rem;
}

.genesis-nav-menu.menu-secondary a:hover {
    border-bottom: none;
}
 
.genesis-nav-menu.menu-secondary li.sticky-right {
    float: right;
}



/*
    Home
---------------------------------------------------------------------------------------------------- */

.meteor-slides-widget {
    border: 6px solid #EAEAEA;
}

#services,
#our-reel,
#testimonials,
#contact-us {
    text-indent: -9999px;
}

.drop-shadow {
    display: block;
    margin: 50px auto 65px;
}

.toggle-drop-shadow {
    background: url(images/drop-shadow.png) no-repeat center top transparent;
    text-indent: -9999px;
    margin: 0 auto;
    width: 100%;
    height: 38px;
    position: relative;
    top: -3px;
}

/*
    Ninja Forms
---------------------------------------------------------------------------------------------------- */

.ninja-forms-form-wrap {
    /*margin: 0 auto;*/
    float: left;
    width: 45%;
}

.ninja-forms-all-fields-wrap input[type=text],
.ninja-forms-all-fields-wrap textarea {
    border: 5px solid white; 
    -webkit-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    -moz-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    padding: 15px;
    background: rgba(255,255,255,0.5);
    margin: 0 0 10px 0;
}

.ninja-forms-all-fields-wrap input[type="submit"] {
    background-color: #5A005A;
    border: 1px solid #330043;
    border-radius: 3px;
    color: #fff;
    padding: 16px 24px;
    cursor: pointer;
}

.ninja-forms-all-fields-wrap input[type="submit"]:hover {
    background-color: #800080;
}

/*
    Footer
---------------------------------------------------------------------------------------------------- */

#footer {
    background-color: #5A005A;
    color: #fff;
    min-height: 40px;
    padding-top: 20px;
    text-align: center;
}

#footer a {
    color: #fff;
    text-decoration: none;
}

#footer a:hover {
    text-decoration: underline;
}


/*
    Arconix Shortcodes
---------------------------------------------------------------------------------------------------- */


/* Accordion Styling
------------------------------------------------------------ */
.arconix-accordions {
    border: 1px solid #ddd;
    border-bottom: none;
    margin: 10px 0 !important;
}

/* Accordion Title */
.arconix-accordions-vertical div.arconix-accordion-title {
    background: url(../../plugins/arconix-shortcodes/images/accordion-right.png) no-repeat left center #e9e9e9;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ddd;
    color: #333 !important;
    cursor: pointer;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 1.6px;
    line-height: 21px;
    margin: 0 !important;
    padding: 5px 15px 5px 27px;
    text-transform: uppercase;
}

.arconix-accordions div.arconix-accordion-title:hover { background-color: #f0f0f0; }

/* Active Accordion */
.arconix-accordions div.current { background: url(../../plugins/arconix-shortcodes/images/accordion-down.png) no-repeat left center #e9e9e9; }

.arconix-accordions div.current,
.arconix-accordions div.current:hover,
.arconix-accordions div.current:active {
    background-color: #f0f0f0;
    cursor: default;
}

/* Individual Accordion Content Pane */
.arconix-accordions-vertical .arconix-accordion-content {
    background-color: #fbfbfb;
    border-bottom: 1px solid #ddd;;
    display: none;
    height: auto;
    padding: 15px;
    color: #333;
    font-size: 12px;
}

.arconix-accordions-vertical .arconix-accordion-last { border-bottom: 1px solid #ddd !important; }

/* a title inside pane */
.arconix-accordions-vertical .arconix-accordion-content h4 {
    font-weight: normal;
    margin: 0 0 -5px 0;
    font-size: 16px;
    color: #666;
}

/* Tabs Styling
------------------------------------------------------------ */

/* Tabs - Horizontal
------------------------------------------------------------ */
.arconix-tabs-horizontal {
    clear: both;
    margin-bottom: 25px;
}

/* Tabs  */
.arconix-tabs-horizontal ul.arconix-tabs {
    margin: 0 !important;
    padding: 0;
    border-bottom: 1px solid #ddd;
    height: 30px;
}

/* Individual Tab */
.arconix-tabs-horizontal ul.arconix-tabs li {
    list-style: none !important;
    float: left;
    text-indent: 0;
    padding: 0;
    margin: 0;
    margin-right: 5px;
    position: relative;
    top: -1px;
}

/* Indivdual Tab link Text */
.arconix-tabs-horizontal ul.arconix-tabs a {
    background-color: #eee;
    -webkit-border-top-left-radius: 5px;
       -moz-border-radius-topleft: 5px;
            border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
       -moz-border-radius-topright: 5px;
            border-top-right-radius: 5px;
    border: 1px solid #ccc;
    color: #333;
    display: block;
    font-size: 15px;
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding: 0 10px;
    position: relative;
    text-align: center;
    text-decoration: none;
    min-width: 80px;
    width: auto;
}

.arconix-tabs-horizontal ul.arconix-tabs a:active { outline: none; }

/* Individual Tab :Hover state */
.arconix-tabs-horizontal ul.arconix-tabs a:hover { background-color: #e9e9e9; }

/* Active Tab */
.arconix-tabs-horizontal ul.arconix-tabs a.current,
.arconix-tabs-horizontal ul.arconix-tabs a.current:hover,
.arconix-tabs-horizontal ul.arconix-tabs li.current a {
    background-color: #fbfbfb;
    border-bottom: 1px solid #fbfbfb;
    cursor: default !important;
    color: #333 !important;
}

/* Panes */
.arconix-tabs-horizontal .arconix-panes {
    background-color: #fbfbfb;
    border: 1px solid #ccc;
    border-top: none;
    clear: both;
    overflow: hidden;
    padding-bottom: 15px;
    position: relative;
    top: -1px;
}

.arconix-tabs-horizontal .arconix-pane { padding: 20px 15px 0; }

/* Toggle Styling
------------------------------------------------------------ */
.arconix-toggle-wrap {
    background-color: #a07ec0; /*#845bab*/
    color: #fff;
    clear: both;
    border: 1px solid #663b8f;
    padding: 5px 10px;
}
.arconix-toggle-title {
    background: url(images/toggle-open.png) no-repeat left transparent;
    cursor: pointer;
    font-size: 28px;
    padding: 15px 15px 15px 50px;
    position: relative;
}

.arconix-toggle-title.toggle-open { background: url(images/toggle-closed.png) no-repeat left transparent; }

.arconix-toggle-content {
    margin-left: 10px;
    padding: 15px 20px;
}

.arconix-slideup-toggle-title {
    background-color: #5A005A;
    border: 1px solid #330043;
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
    color: #fff;
    padding: 16px 24px;
    margin: 0 auto;
    cursor: pointer;
    width: 75px;
    text-align: center;
}

.arconix-slideup-toggle-title:hover,
.arconix-slideup-toggle-title.toggle-open {
    background-color: #800080;
}

.arconix-slideup-toggle-wrap .portfolio-shadow {
    background: url(images/portfolio-shadow.png) no-repeat 0 0 transparent;
    display: block;
    width: 110px;
    margin: 0 auto;
    text-indent: -9999px;
}

/*
    Arconix Portfolio
---------------------------------------------------------------------------------------------------- */
/* Feature Wrapper */
.arconix-portfolio-features {
    list-style-type: none;
    margin: 0 0 30px 0 !important;
    padding: 0 0 10px 0 !important;
}

/* Each feature list item */
.arconix-portfolio-features li {
    display: inline;
    margin-right: 1.5%;
}

/* Each feature link */
.arconix-portfolio-features li a {
    background: #800080;
    background: -webkit-gradient(linear, left top, left bottom, from(#a07ec0), to(#663b8f));
    background: -moz-linear-gradient(top,  #a07ec0,  #663b8f);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
       -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
            box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    border: solid 1px #800080;
    color: #fff;
    font-size: 14px;;
    line-height: 1.5em;
    padding: 10px 18px;
    text-decoration: none;
    text-transform: uppercase;
}

.arconix-portfolio-features li a:hover,
.arconix-portfolio-features li.active a {
    background: none repeat scroll 0 0 #AE71DE;
    color: #fff;
}

/* The Heading to the left of the items */
.arconix-portfolio-category-title { 
    margin-left: 0;
    font-weight: bold;
}

/* The portfolio item grid */
.arconix-portfolio-grid {
    margin-left: 0;
    max-width: 100% !important;
}

/* Each portfolio list item */
.arconix-portfolio-grid li {
    display: inline-block;
    list-style: none;
    margin: 0 23px 15px 0 !important;           
    max-width: 100%;
    width: 211px;
    height: auto;
    vertical-align: top;
}

.portfolio-shadow {
    background: url(images/portfolio-shadow.png) no-repeat 0 0 transparent;
    display: block;
    width: 100%;
    height: 7px;
    text-indent: -9999px;
}

/* Portfolio featured image */
.arconix-portfolio-grid img { }

/* Portfolio post-title */
.arconix-portfolio-title {
    color: #333;
    font-size: 17px;
    margin: 15px 0 25px;
    text-align: center;
}



/*
    Responsive Media Queries
---------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1239px) {
    .header-image #title a {        
        margin: 10px 0 0 -10px;
        position: absolute;
        top: 50px;
    }

    .menu-secondary { float: none; }
}

@media only screen and (max-width: 880px) {
    .ninja-forms-form-wrap {
        width: 40%;
    }
}

@media only screen and (max-width: 814px) {
    #title-area { float: none; }

    .header-image #title a {       
        float: none;
        clear: both;
        margin: 0 auto;
        position: static;
    }

    .genesis-nav-menu {
        float: none;
        margin: 0 auto;
        text-align: center;
    }

    .genesis-nav-menu li.menu-item { float: none; }

    .menu-secondary { text-align: left; }

    .arconix-portfolio-features,
    .arconix-portfolio-grid { text-align: center; }

    .ninja-forms-form-wrap {
        margin: 0 auto;
        width: 95%;
        float: none;
    }

    .contact-cell { float: none !important; }

}

@media only screen and (max-width: 705px) {
    body { background: url(images/bg2d.jpg) repeat-x scroll left top #EAC4FF; }
    .menu-secondary li { width: 12.5%; }
    img.drop-shadow { display: none; }
}

@media only screen and (max-width: 650px) {
    .menu-secondary li { 
        width: auto; 
        font-size: 9px;
    }

    .genesis-nav-menu.menu-secondary li a { 
        padding: 10px; 
        margin: 0; 
    }

    .arconix-portfolio-features {
        display: inherit;
        margin-bottom: 30px;
    }
.page-id-201 h1.entry-title { display: none; }

}