123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235 |
- /*!
- Theme Name: cc
- Theme URI:
- Author: windhamdavid
- Description:
- Version: 1.0
- License URI: http://www.gnu.org/licenses/gpl-2.0.html
- Thanks:
- normalize.css v3.0.1 * MIT License
- Bootstrap v3.2.0 * MIT License
- Font Awesome 4.2.0 * MIT License
- Animate.css * MIT Lincense
- _s | * GPL License
- *** This is just for the template to register in WordPress. All of the css files are in /src ***
- */
- @import url(https://fonts.googleapis.com/css?family=Work+Sans:400,800,300);
- .site-branding {
- margin: 0px auto;
- }
- .site-branding img {
-
- }
- .call-to-action {
- margin: 0px 0;
- }
- .work-sans {
- color: #EC4A21;
- font-size:20px;
- font-family: 'Work Sans', sans-serif;
- font-weight: 800;
- }
- .btn-call {
- background: #EC4A21;
- color: #333;
- font-size:16px;
- font-family: 'Work Sans', sans-serif;
- font-weight: 800 !important;
- }
- .recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}
- header {
- background: #333;
- }
- footer {
- background: #333;
- padding: 20px 0;
- min-height:200px;
- }
-
- .right {
- float:right;
- }
- .light {
- color: #cecece;
- }
- .navbar {
- font-size:16px;
- font-family: 'Work Sans', sans-serif;
- font-weight: 800;
- }
- .navbar-toggle .icon-bar:nth-of-type(2) {
- top: 1px;
- }
- .navbar-toggle .icon-bar:nth-of-type(3) {
- top: 2px;
- }
- .navbar-toggle .icon-bar {
- position: relative;
- transition: all 500ms ease-in-out;
- }
- .navbar-toggle.active .icon-bar:nth-of-type(1) {
- top: 6px;
- transform: rotate(45deg);
- }
- .navbar-toggle.active .icon-bar:nth-of-type(2) {
- background-color: transparent;
- }
- .navbar-toggle.active .icon-bar:nth-of-type(3) {
- top: -6px;
- transform: rotate(-45deg);
- }
- footer {
- margin: 60px 0 0;
- }
- span.fb {
- float: right;
- width: 32px;
- height: 32px;
- margin-left: 5px;
- padding: 3px 4px 2px 5px;
- background-image: url(img/fb.png) ;
- background-position: 0 32px;
- position: relative;
- -webkit-transition: all ease 0.3s;
- -moz-transition: all ease 0.3s;
- -o-transition: all ease 0.3s;
- -ms-transition: all ease 0.3s;
- transition: all ease 0.3s;
- }
- span.fb:hover {
- background-position: 0 0px;
- }
- /* ========= Contact Form 7 =========== */
- div.wpcf7 .screen-reader-response {
- display: none;
- }
- div.wpcf7 img.ajax-loader {
- border: none;
- vertical-align: middle;
- margin-left: 4px;
- }
- div.wpcf7 .form-inline img.ajax-loader {
- display: inline;
- }
- div.wpcf7 div.ajax-error {
- display: none;
- }
- div.wpcf7 .wpcf7-display-none {
- display: none;
- }
- div.wpcf7 .form-inline .form-group {
- max-width: 250px;
- }
- div.wpcf7 .input-group-addon img {
- height: 100%;
- width: auto;
- max-width: none !important;
- border-radius: 5px;
- }
- div.wpcf7 .input-group-addon.input-group-has-image {
- padding: 0;
- }
- .carousel-fade .carousel-inner .item {
- opacity: 0;
- transition-property: opacity;
- }
- .carousel-fade .carousel-inner .active {
- opacity: 1;
- }
- .carousel-fade .carousel-inner .active.left,
- .carousel-fade .carousel-inner .active.right {
- left: 0;
- opacity: 0;
- z-index: 1;
- }
- .carousel-fade .carousel-inner .next.left,
- .carousel-fade .carousel-inner .prev.right {
- opacity: 1;
- }
- .carousel-fade .carousel-control {
- z-index: 2;
- }
- /*
- WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
- Need to override the 3.3 new styles for modern browsers & apply opacity
- */
- @media all and (transform-3d), (-webkit-transform-3d) {
- .carousel-fade .carousel-inner > .item.next,
- .carousel-fade .carousel-inner > .item.active.right {
- opacity: 0;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- .carousel-fade .carousel-inner > .item.prev,
- .carousel-fade .carousel-inner > .item.active.left {
- opacity: 0;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- .carousel-fade .carousel-inner > .item.next.left,
- .carousel-fade .carousel-inner > .item.prev.right,
- .carousel-fade .carousel-inner > .item.active {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- }
- /* ========= Breakpoints =========== */
-
-
- /* Large Devices, Wide Screens */
- @media only screen and (max-width : 1200px) {
- }
- /* Medium Devices, Desktops */
- @media only screen and (max-width : 992px) {
- }
- /* Small Devices, Tablets */
- @media only screen and (max-width : 768px) {
- .site-branding img {
- width: 300px;
- }
- }
- /* Extra Small Devices, Phones */
- @media only screen and (max-width : 480px) {
- .site-branding img {
- width: 200px;
- }
- }
- /* Custom, iPhone Retina */
- @media only screen and (max-width : 320px) {
- .site-branding img {
- width: 200px;
- }
- }
|