/*
Template:  Webster - Responsive Multi-purpose HTML5 Template
Author: potenzaglobalsolutions.com
Design and Developed by: potenzaglobalsolutions.com

NOTE: This file contains Action Box CSS.
*/

/*************************************
        action-box 
**************************************/
.action-box { position: relative; }
.action-box a.button { position: absolute; right: 0; top: 50%; margin-top: -20px; }
.action-box strong { font-weight: bold; }
.action-box p { margin-bottom: 0; }

.action-box .action-box-text { padding-right: 230px; }

/*border*/
.action-box.action-box-border { padding: 30px; border:1px solid #eeeeee; } 
.action-box.action-box-border a.button { right: 30px; }

/*border center*/
.action-box.center { text-align: center; } 
.action-box.center a.button { position: relative; top: inherit; right: inherit; margin-top: 15px; }
.action-box.center .action-box-text { padding-right: 0; }

/*theme-bg*/
.action-box.theme-bg { padding: 30px; }
.action-box.theme-bg a.button { right: 30px; }
.action-box.theme-bg h3, .action-box.theme-bg p { color: #ffffff; } 

/*theme-bg*/
.action-box.black-bg { padding: 30px; }
.action-box.black-bg a.button { right: 30px; }
.action-box.black-bg h3, .action-box.black-bg p { color: #ffffff; } 

/*dark-theme-bg*/
.action-box.dark-theme-bg { padding: 30px; }
.action-box.dark-theme-bg a.button { right: 30px; }
.action-box.dark-theme-bg h3, .action-box.dark-theme-bg p { color: #ffffff; } 

/*gray-bg*/
.action-box.gray-bg { padding: 30px; }
.action-box.gray-bg a.button { right: 30px; }

/*white-bg*/
.action-box.white-bg { padding: 30px; }
.action-box.white-bg a.button { right: 30px; }

/*gray-bg*/
.action-box.parallax { padding: 100px 30px; }
.action-box.parallax h3, .action-box.parallax p { color: #ffffff; } 

/*full-width*/
.action-box.full-width a.button { right: 15px; }

/*gray-bg*/
.action-box.pattern { padding: 100px 30px; }

/*small*/
.action-box.small { padding: 40px 35px;  }
.action-box.small h3, .action-box.small p, .action-box.small .social-icons { position: relative; }
.action-box.small a.button { position: relative; top: inherit; right: inherit; margin-top: 15px; }
.action-box.small .action-box-text { padding-right: 0; }
