/**
This CSS file is included into <head> of each user template after amember.css
and before site.css (if it is exists).
There you can see variable %bgcolor% - it is configured in setup form
(see application/default/themes/sample/Theme.php) and now substituted here.
Files with variables must be added to special list ($publicWithVars) of Am_Theme
class and these files are routed via special URL. Routed via URL, it is cached
in browser for 1 hour.
@link Am_View->printLayoutHead()
*/
/*MEDIA QUERYS*/
/* Portrait and Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2) {
}
/* Portrait */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
}
/* Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
}
/* ----------- iPhone 5 and 5S ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2) {
}
/* Portrait */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
}
/* Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
}
/* ----------- iPhone 6 ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2) {
}
/* Portrait */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
}
/* Landscape */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
}
/* ----------- iPhone 6+ ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3) {
}
/* Portrait */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: portrait) {
}
/* Landscape */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: landscape) {
}
/* ----------- Galaxy S3 ----------- */
/* Portrait and Landscape */
@media screen
and (device-width: 320px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 2) {
}
/* Portrait */
@media screen
and (device-width: 320px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 2)
and (orientation: portrait) {
}
/* Landscape */
@media screen
and (device-width: 320px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 2)
and (orientation: landscape) {
}
/* ----------- Galaxy S4 ----------- */
/* Portrait and Landscape */
@media screen
and (device-width: 320px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 3) {
}
/* Portrait */
@media screen
and (device-width: 320px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 3)
and (orientation: portrait) {
}
/* Landscape */
@media screen
and (device-width: 320px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 3)
and (orientation: landscape) {
}
/* ----------- Galaxy S5 ----------- */
/* Portrait and Landscape */
@media screen
and (device-width: 360px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 3) {
}
/* Portrait */
@media screen
and (device-width: 360px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 3)
and (orientation: portrait) {
}
/* Landscape */
@media screen
and (device-width: 360px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 3)
and (orientation: landscape) {
}
/* ----------- iPad mini ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 1) {
}
/* Portrait */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1) {
}
/* Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1) {
}
/* ----------- iPad 1 and 2 ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 1) {
}
/* Portrait */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1) {
}
/* Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1) {
}
/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 2) {
}
/* Portrait */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {
}
/* Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {
}
/*GLOBALS*/
body {
background-color: #f8faff;
background-image: url(/m/application/default/themes/vhmllc/public/img/bg-liderazgo-hoy.png);
background-repeat: no-repeat;
background-position: 100% -30%;
}
select {border-color: #e85a71 !important;}
/*CLASSES*/
.am-layout-two-coll-top { background: none !important; }
.am-layout-two-coll-bottom { background: none !important; }
.am-body .am-body-content-wrapper {padding-top: 3em;}
.row.row-login-login {background: none;}
.am-form div.element {margin-left: 0px !important;}
.am-auth-form form {box-shadow: none;}
.am-layout { background: none; }
.am-body { background: none; }
.am-header {
overflow: hidden;
background: #203542;
}
.am-header .am-header-content-wrapper {
background: #203542;
border: none;
}
.am-form form {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: none;
border-top: none;
box-shadow: none;
background: none;
margin: 0;
padding: 0;
text-align: left;
}
.am-auth-form div.row {
background: none;
border-bottom: none;
}
a.button, input[type=button], input[type=submit] {
background: #e85a71;
border: none;
padding: 0.5em 1.2em;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
color: #FFF;
text-shadow: none;
}
a.button:hover, a.button.active, input[type=button]:hover, input[type=submit]:hover, input[type=button].active, input[type=submit].active {
cursor: pointer;
border: none;
background-image: none;
background-color: #e85a71;
color: white;
text-shadow: none;
}
.am-body-content-wrapper.am-main {
background: none;
border: none;
}
.am-layout-two-coll {
background: none !important;
border: none;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
box-shadow: none;
background-color: none;
}
.am-block {
color: #203542;
background: #e8eaee;
border: none;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
margin-bottom: 1em;
padding: 1em;
box-shadow: none;
font-weight: 700;
}
.am-coll-content h2 {
color: #2b90d9;
font-size: 16px;
font-weight: 500;
margin-top: 26px;
margin-bottom: 16px;
}
.am-body-content-top h1 {
/*
width: 50%;
float: left;
background: #e85a71;
color: #FFF;
text-transform: uppercase;
padding: 12px 0px 12px 16px;
font-weight: 700;
margin-top: 15px;
*/
}
/*SPECIALS*/
.ajax-link:after, .local-link:after, .local:after {border-bottom: none;}