/*
    Add custom styles for cendyn forms here.
*/

/* The basic css for the iframe. */
.cfc-frame-base {
    width:80%; height:100%; border:0; display:block; padding-right: 15px;
}

/* mimics vendor-tour class. A base class for all cendyn forms. */
.cfc-base {
    position: relative;
    overflow: hidden;
    padding-top: 56.29%;
    text-align: center; 
    height:520px; 
    border:1px solid lightgray; 
    padding: 3px; 
    margin: 0 20px 0 20px;
}

/* override for a specific form */
/* typical use in the container class="cfc-base cfc-xyz" */
.cfc-xyz {
    height:620px; 
}

/* 
    The newsletter css is a special case.
    With no iframe messages, estimate the form size 

*/
.newsletter-custom.virtual-tour {
    height: 680px;
    text-align: center;
    border: 1px solid lightgray;
    padding: 3px;
}

@media (min-width: 350px) {
    .newsletter-custom.virtual-tour {
        height: 650px;
    }
}

@media (min-width: 576px) {
    .newsletter-custom.virtual-tour {
        height: 630px;
    }
}


@media (min-width: 768px) {
    .newsletter-custom.virtual-tour {
        height: 600px;
    }
}

@media (min-width: 992px) {
    .newsletter-custom.virtual-tour {
        height: 550px;
    }
}