@charset 'UTF-8';

/**
 * Filename:        main.css
 * Revision:        v3.0 => 2018.02
 * Organization:    ignitr => https://wildfirecms.com
 * Author:          Trevor Lettman
*/

/*
 * green: 568493
*/


/*********************
 TESTMODE HEADER 
*********************/

#testmode-header
{
    display: none;
}

/** {
    border: 1px solid red;
}*/

body
{
    font-size: 1.5em;
    background: #fff url(/templates/artshoptherapy3/skins/v3/structure/bg-main-content.png);
}

body,
p
{
    font-family: 'pragmatica-web-condensed';
    font-weight: 400;
    color: #4d4d4d;
}

h1,
h2,
h3,
h4
{
    font-family: "museo-slab",serif;
    font-weight: 400;

    text-transform: none;

    color: #737373;
}

h1
{
    font-size: 2.5em;

    margin: 0 0 30px;
    color: #568493;
}

/*body.hp h1
{
    position: absolute;
    left: -3000px;
}*/

h2
{
    font-size: 2.0em;

    margin: 0 0 20px 0;
}

h3
{
    font-size: 1.2em;
    font-family: 'pragmatica-web-condensed';
    font-weight: 500px;

    margin: 0 0 15px;

    color: #999;
}

h4
{
    font-size: 1.1em;

    margin: 0 0 5px 0;
}

p
{
    font-size: 1.2em;
    line-height: 1.5em;
    margin-bottom: 30px;
}

a
{
    text-decoration: none;

    color: #f24b0d;
}

a:hover,
a:visited:hover
{
    text-decoration: underline;
}

hr,
div.hr
{
    margin: 30px 0;

    border: none;
    border-top: 1px solid #ccc;
}


/*** buttons ***/

.btn:link,
.btn:active,
.btn:visited,
.btn:hover
{
    font-family: 'pragmatica-web-condensed';
    font-size: 1.5em;
    font-weight: 400;

    width: auto;
    margin: 0 0 10px 0;
    padding: 7px 10px;

    text-align: center;
    text-decoration: none;
    text-transform: none;

    color: #fff;
    border: 1px solid #f35a41;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    background: url(/templates/artshoptherapy3/skins/v3/structure/buttons/bg_small.png);
    background-position: top left;
}

.btn:hover,
.btn:visited:hover
{
    background-position: bottom left;
}

.btn.btn-lg:link,
.btn.btn-lg:active,
.btn.btn-lg:visited,
.btn.btn-lg:hover,
.btn.btn-lg:visited:hover
{
    font-family: 'pragmatica-web-condensed';
    font-size: 2em;
    font-weight: 400;

    width: auto;
    height: 22px;
    margin: 0 0 10px 0;
    padding: 15px 30px;

    text-align: center;
    text-decoration: none;
    text-transform: uppercase;

    color: #fff;
    border: 1px solid #f35a41;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    background: url(/templates/artshoptherapy3/skins/v3/structure/buttons/bg_large.png);
    background-position: top left;
}

.btn.btn-lg:hover,
.btn.btn-lg:visited:hover
{
    background-position: bottom left;
}

#submitbutton-row
{
    padding: 0 0 0 170px;
}

#submitbutton-row a
{
    float: left;

    margin: 0;

    text-align: left;
    text-transform: uppercase;
}

/*** layout ***/

header
{
    position: relative;
    padding: 0 90px;
    background: #fff;
}

.kablamo
{
    margin-bottom: 60px;
}

.kablamo p
{
    font-size: 1.2em;
    line-height: 1.4em;
}

a#logo:link,
a#logo:active,
a#logo:visited,
a#logo:hover,
a#logo:visited:hover
{
    float: left;

    width: 154px;
    height: 154px;
    margin: 0 15px 0 0;

    text-decoration: none;

    background: url(/templates/artshoptherapy3/skins/v3/structure/artshoptherapy3-logo.png);
}

#live-area
{
    min-height: 600px;
    margin: 4px 0 0;
    padding: 60px 30px;
    background: #fff;
}

#live-area ul
{
    margin: 30px 0;
}

#live-area ul li
{
    margin: 0 0 0 5px;
    font-size: 1.1em;
}

.cta h3
{
    font-size: 2.3em;
    margin-bottom: 30px;
}

footer
{
    padding: 30px 0 15px;
    /*border-top: 1px solid #57838f;*/
}

footer p
{
    font-size: .9em;

    color: #454545;
}

footer p a
{
    text-decoration: none;

    color: #454545;
}

footer p a:hover,
footer p a:visited:hover
{
    text-decoration: underline;
}

i.fa
{
    color: #737373;
}

/*body.hp h2
{
    margin: 0 0 10px 0;
}

body.hp h3
{
    font-family: Georgia,sans-serif;
    font-size: .95em;
    font-weight: bold;

    margin: 0 0 10px 2px;

    color: #454545;
    text-shadow: 1px 1px 1px #efefef;
}*/

.h2block h2
{
    font-size: 1.6em;

    margin: 0 0 25px;
    padding: 10px 15px;

    background: #ededed;
}

body.hp #live-area ul
{
    margin-left: 15px;
    padding-left: 0;
}

body.hp #live-area ul li
{
    font-size: 1em;

    margin: 15px 0 5px;
    padding: 0 0 2px 10px;

    list-style: none;

    background: url(/templates/artshoptherapy3/skins/v3/structure/ul_square.png) 0 7px no-repeat;
}

.lessons img
{
    padding: 15px;
}

.lessons h3
{
    margin: 30px;
    font-size: 1.4em;
    font-weight: 500;
}

/**
 * Blog 
*/
/*#blog-main
{
    width: 440px;
}

#blog-sidebar
{
    font-size: 1em;

    width: 150px;
}

#blog-sidebar h3
{
    font-size: 1.0em;
    font-weight: normal;

    text-transform: none;
}

#blog-sidebar a:link,
#blog-sidebar a:active,
#blog-sidebar a:visited,
#blog-sidebar a:hover,
#blog-sidebar a:visited:hover
{
    font-size: .8em;
}

#blog-sidebar .hr
{
    margin: 15px 0 19px 0;
}*/

/**
 * Widgets 
*/

#testimonial-widget p
{
    font-style: italic;
}

#testimonial-widget h5,
#testimonial-widget h6
{
    margin-right: 20px;

    text-align: right;
}

.btn[href$='.pdf']
{
    background-image: url(/templates/artshoptherapy3/skins/v3/structure/buttons/bg_small.png);
}
a.no-pdf[href$='.pdf']
{
    padding: 0;

    background-image: none;
}




/*********************
 MASONRY
*********************/

.grid-sizer,
.grid-item
{
    width: 20%;
}

.grid-item a
{
    /*border: 1px solid #CCC;*/
    margin: 0;

    border: none;
}

.grid-item a img
{
    -webkit-transition: .2s ease-in;
       -moz-transition: .2s ease-in;
         -o-transition: .2s ease-in;
            transition: .2s ease-in;

    border: 1px solid #fff;
}
.grid-item a:hover img
{
    border: 1px solid #000;
}

@media only screen and (max-width : 992px)
{
    .grid-sizer,
    .grid-item
    {
        width: 33.3%;
    }
}


/*********************
 iLIGHTBOX
*********************/

.ilightbox
{
    margin-top: 45px;
}

.ilightbox .btn-default
{
    font-size: 1.6em;

    position: absolute;
    right: 0;
    left: 0;

    display: none;

    width: 260px;
    margin: 0 auto;
    padding: 20px 30px;

    text-transform: uppercase;

    color: #fff !important;
    border: 3px solid #efefef;
    background: transparent url(/core/structure/alpha_tiles/black_50.png);
}

.ilightbox .btn-default:hover
{
    background: transparent url(/core/structure/alpha_tiles/black_70.png);
}

@media (max-width: 480px)
{
    .ilightbox .btn-default
    {
        margin-top: 100px;
    }
}


.ilightbox-holder
{
    box-shadow: none !important;
}

.ilightbox-caption
{
    font-family: 'brandon-grotesque', sans-serif !important;
    font-size: 1em !important;
    font-weight: 400 !important;

    margin-bottom: -28px !important;
    padding: 1px !important;

    background: transparent !important;
}

.ilightbox-loader
{
    display: none !important;
}



/*********************
 IMAGES / RESPONSIMG
*********************/

.img-left
{
    float: left;

    margin: 0 2% 2% 0;
}
.img-right
{
    float: right;

    margin: 0 0 2% 2%;
}

.responsimg > img,
img.responsimg,
img.respons-12
{
    width: 100%;
}

img.respons-8
{
    width: 66%;
}

img.respons-6
{
    width: 50%;
}

img.respons-3
{
    width: 25%;
}

img.respons-4
{
    width: 33%;
}

@media (max-width: 480px)
{
    .responsimg > img,
    img.responsimg,
    img.respons-12,
    img.respons-6,
    img.respons-4,
    img.respons-3
    {
        width: 100%;
        margin-bottom: 15px;
    }
    .img-left,
    .img-right
    {
        float: none;

        margin: 2% 0;
    }
}


/*********************
 MOBILE SHOW/HIDE
*********************/

.mobile-show
{
    display: none;
}
.mobile-hide
{
    display: block;
}

@media only screen and (max-width : 992px)
{
    .mobile-show
    {
        display: block;
    }
    .mobile-hide
    {
        display: none !important;
    }

    .mobile-center
    {
        text-align: center;
    }
}