.wpb_animate_when_almost_visible { opacity: 1; } .agenda { } /* Dates */ .agenda .agenda-date { width: 170px; } .agenda .agenda-date .dayofmonth { width: 40px; font-size: 36px; line-height: 36px; float: left; text-align: right; margin-right: 10px; } .agenda .agenda-date .shortdate { font-size: 0.75em; } /* Times */ .agenda .agenda-time { width: 140px; } /* Events */ .agenda .agenda-events { } .agenda .agenda-events .agenda-event { } @media (max-width: 767px) { } .butn { background: #fada5c; background-image: -webkit-linear-gradient(top, #fada5c, #ff9d00); background-image: -moz-linear-gradient(top, #fada5c, #ff9d00); background-image: -ms-linear-gradient(top, #fada5c, #ff9d00); background-image: -o-linear-gradient(top, #fada5c, #ff9d00); background-image: linear-gradient(to bottom, #fada5c, #ff9d00); -webkit-border-radius: 28; -moz-border-radius: 28; border-radius: 28px; font-family: Arial; color: #ffffff; font-size: 20px; padding: 10px 20px 10px 20px; text-decoration: none; } .butn:hover { background: #3cb0fd; background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db); background-image: -moz-linear-gradient(top, #3cb0fd, #3498db); background-image: -ms-linear-gradient(top, #3cb0fd, #3498db); background-image: -o-linear-gradient(top, #3cb0fd, #3498db); background-image: linear-gradient(to bottom, #3cb0fd, #3498db); text-decoration: none; } @import url(https://fonts.googleapis.com/css?family=Raleway); *, *:before, *:after{ margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing: border-box; } body{ background: #f9f9f9; font-size: 16px; font-family: 'Raleway', sans-serif; } .main-title{ color: #2d2d2d; text-align: center; text-transform: capitalize; padding: 0.7em 0; } .container{ padding: 1em 0; float: left; width: 50%; } @media screen and (max-width: 640px){ .container{ display: block; width: 100%; } } @media screen and (min-width: 900px){ .container{ width: 33.33333%; } } .container .title{ color: #1a1a1a; text-align: center; margin-bottom: 10px; } .content { position: relative; width: 90%; max-width: 400px; margin: auto; overflow: hidden; } .content .content-overlay { background: rgba(0,0,0,0.7); position: absolute; height: 99%; width: 100%; left: 0; top: 0; bottom: 0; right: 0; opacity: 0; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } .content:hover .content-overlay{ opacity: 1; } .content-image{ width: 100%; } .content-details { position: absolute; text-align: center; padding-left: 1em; padding-right: 1em; width: 100%; top: 50%; left: 50%; opacity: 0; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .content:hover .content-details{ top: 50%; left: 50%; opacity: 1; } .content-details h3{ color: #fff; font-weight: 500; letter-spacing: 0.15em; margin-bottom: 0.5em; text-transform: uppercase; } .content-details p{ color: #fff; font-size: 0.8em; } .fadeIn-bottom{ top: 80%; } .fadeIn-top{ top: 20%; } .fadeIn-left{ left: 20%; } .fadeIn-right{ left: 80%; } #radioBtn .notActive{ color: #3276b1; background-color: #fff; } .form-inline .form-group { margin-right:10px; } .well-primary { color: rgb(255, 255, 255); background-color: rgb(66, 139, 202); border-color: rgb(53, 126, 189); } .glyphicon { margin-right:5px; }