/*
 * SimpleModal OSX Style Modal Dialog
 * http://simplemodal.com
 *
 * Copyright (c) 2013 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 */

#osx-modal-content, #osx-modal-data {display:none;}
.osx{
    background-color: #fc6e27;
    color: white;
    border: 1px #fc6e27 solid;
    padding: 5px 30px;
}
/* Overlay */
#osx-overlay {background-color:#000;}

/* Modal Title */
/*#osx-modal-title {
    background-color: #fc6e27;
    color: white;
    border-bottom:1px solid #ccc; 
    font-weight:bold; 
    padding:6px 8px; 
    text-shadow:0 1px 0 #f4f4f4;
}*/
/* Container */
#osx-container {background-color:#eee; color:#000; min-height: 700px; max-height: 100%;
                overflow-y: scroll;
                font: 16px/24px "Lucida Grande",Arial,sans-serif; 
                padding-bottom:4px; width:600px; -moz-border-radius-bottomleft:6px; 
                -webkit-border-bottom-left-radius:6px; -moz-border-radius-bottomright:6px; 
                -webkit-border-bottom-right-radius:6px; border-radius:0 0 6px 6px; 
                -moz-box-shadow:0 0 64px #000; -webkit-box-shadow:0 0 64px #000; box-shadow:0 0 64px #000;}
#osx-container a {color:#ddd;}
#osx-container #osx-modal-title {color:#000; background-color:#ddd; border-bottom:1px solid #ccc; font-weight:bold; padding:6px 8px; text-shadow:0 1px 0 #f4f4f4;}
#osx-container .close {display:none; position:absolute; right:0; top:0;}
#osx-container .close a {display:block; color:#777; font-weight:bold; padding:6px 12px 0; text-decoration:none; text-shadow:0 1px 0 #f4f4f4;}
#osx-container .close a:hover {color:#000;}
#osx-container #osx-modal-data {font-size:12px; padding:6px 12px;}
#osx-container h2 {margin:10px 0 6px;}
#osx-container p {margin-bottom:10px;clear: both;}
#osx-container .wpcf7-text {width: 540px}
.wpcf7-textarea {width: 540px}
.wpcf7-select {width: 540px}
.wpcf7-submit {
    background: #fc893c;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjODkzYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjYyMTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #fc893c 0%, #ff6212 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fc893c), color-stop(100%, #ff6212));
    background: -webkit-linear-gradient(top, #fc893c 0%, #ff6212 100%);
    background: -o-linear-gradient(top, #fc893c 0%, #ff6212 100%);
    background: -ms-linear-gradient(top, #fc893c 0%, #ff6212 100%);
    background: linear-gradient(to bottom, #fc893c 0%, #ff6212 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc893c', endColorstr='#ff6212',GradientType=0 );
    color: #fff;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
    border-bottom: 2px solid #e5570f; }
#osx-container label {clear: both;}
#osx-container span {color:#777;}
#osx-footer{
    clear: both;
    padding: 10px;
}

@media (max-width: 600px) {
    #osx-container{
        width: 500px!important;
        min-height: 500px!important;
    }
    #osx-container .wpcf7-text {width: 450px}
.wpcf7-textarea {width: 450px}
.wpcf7-select {width: 450px}
}
@media (max-width: 550px) {
    #osx-container{
        width: 400px!important;
    }
    #osx-container .wpcf7-text {width: 350px}
.wpcf7-textarea {width: 350px}
.wpcf7-select {width: 350px}
}
@media (max-width: 450px) {
    #osx-container{
        width: 100%!important;
        min-height: 300px!important;
    }
#osx-container #osx-modal-data {padding:6px 0px;}
    #osx-container .wpcf7-text {width: 200px}
.wpcf7-textarea {width: 200px}
.wpcf7-select {width: 200px}
}
@media (max-height: 700px){
    min-height: 500px;
}