/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">
   
*/
/*inspiro slider*/
.flickity-button.previous:before {
    content: "\e92f";
    margin-right: 2px;
}

.flickity-button.next:before {
    margin-left: 4px;
    content: "\e930";
}

#header .header-inner #logo a > img { height: auto !important; }
.divFAQ{margin:0px auto;width:60%;}
.breadcrumb{float:left;}
.breadcrumb{font-size:large;clear:both;}
.heading-text{clear:both;}
.heading-text h3{margin-bottom:0px;font-size:xx-large;}
.divGalleryMain{background-color: #eeeeee;}
.portfolio{padding:10px;}
.portfolio-item{border:1px solid black;border-radius:10px;width:32% !important;margin-left:1%;margin-bottom:10px;background-color:#ffffff;}
.portfolio-item h4{ text-align: center; color: black;}
.itemDesc{display:inline-block;margin:5px 5px;color:black;font-size:medium;}
.contactContent .heading-text { color: white !important; }
.widget-title a { color: white !important; font-weight: bold !important; }
    .widget-title a:hover{color:silver !important;}
.divBlogPage #page-content{padding:0px 0px;}
.divBlogPage .page-title h2{margin:0px 0px;}
.divBlogPage .comments .comment .image {height:auto !important; }
.divBlogPage input.blogCommentInput{width:100%;min-height:150px;}
.divBlogPage .divPostEditor textarea{width:100%;min-height:300px;}
.divBlogPage .divPostEditor .divAddPostLine input{min-width:60%;}
.divBlogPage .divPostEditor { clear: both; }
.divPostLinks a{ font-size:large; color:#2250FC;font-style:bold;padding-left:10px;}
.divPostEditor .comments .comment .image{ float:none !important; }
.divPostEditor .divAddPostLine{margin:5px;}
.divBlogCommentReply textarea{width:100%;height:100px;}
.divBlogPage span.CommentText{color:black !important;}
.divBlogPage .divReplyPanel{clear:both;}
.divBlogPage .comment-reply-link { font-size: inherit !important; }
.divBlogPage .divPostEditor .fluid-width-video-wrapper{width: 300px; height: 170px; padding-top:0px !important; }
img.imgPostEditor{max-width:200px;max-height:200px;display:block;}
.pageTitle { font-weight: bold; font-size: xx-large; }
.divAddPostLine select { width: 53% !important; }
.divFileDelete a{color:red;}

/* My Account Page*/
.divMyAccount{text-align:center;margin:0px auto;width:95%;}
.divMyAccountLeftPane{width:24%;display:inline-block;text-align:left;}
.MyAccountLink{border-bottom:1px solid #eeeeee;font-size:medium;}
.divMyAccountRightPane{width:70%;display:inline-block;vertical-align:top;}
.divOrderItemSearch { float: left; }
.OrderAdminPage { text-align: center; }
.divOrderAdminMenu { width: 99%; min-height: 40px; border-radius: 5px; }
    .divOrderAdminMenu .lblItemSearch { margin: 10px 0px 0px 10px; }
    .divOrderAdminMenu .divItemSearch { border: 1px solid black; border-radius: 5px; }
    .divOrderAdminMenu .divItemsPerPage { padding-top: 5px; }
.gvOrderAdminHeader th { text-align: center; }
.gvOrderAdminRow td { padding: 5px; }
.currencyInput { width: 100px; text-align: center; }
.lblCheckoutNotes { position: relative; right: 105px; }
.orderReview { text-align: left; margin: 0px auto; width: 85%; font-size: small; }
    .orderReview h4 { text-align: center; margin: 5px; }
.orderAddressInfo { display: inline-block; width: 200px; display: inline-block; border: 2px solid #c6c6c6; border-radius: 5px; margin: 10px 0px; padding: 10px; }
.orderTotal { width: 86%; text-align: right; }
.gvOrderItems th { text-align: center; padding: 0px 5px; }
.gvOrderItems tr { border-bottom: 1px solid #c6c6c6; height: 25px; }
td.gvItemName { max-width: 700px; }
td.gvItemQuantity { min-width: 50px; padding: 0px 10px; text-align: center; }
td.gvPrice { min-width: 50px; padding: 0px 10px; text-align: right; }
span.totalLabel { width: 60px; display: inline-block; }
.divItemsPerPage select{width:auto;}

/*Register Control*/
.registerField input,.registerField select{ width: 300px; }

/* User Manager*/
.gvUsers,.gvProducts,.gvSessionStats{margin:0px auto;}
.divProductManager{text-align:center;}
.gvOrderAdminRow a{font-weight:bold;}
.gvOrderAdminRow .tbCustomerNotes{border:1px solid grey;}

/* Gallery */
.divPagerWrap{width:40%; margin:0px auto; font-weight:bold;}

    /*Mobile Compatibility*/
    @media screen and (max-width:768px) {
        .divFAQ { width: 100%; }
        #header .header-inner #logo a > img { width: 80%; }
        .heading-text h3 { margin-bottom: 0px;}
        .portfolio-item {width: 100% !important; margin:0px 0px 10px 0px; }
        .divPagerWrap { width: 110%; margin: 0px; }
    }

/* Just Cruisin */
.divCruisin{padding:10px 10px;}
.divCruisin .divHomeCenterRow{max-width:1000px;}
.divCruisin .divHomeCenterRow p{color:black;}
.divCruisin .divHomeCenterRow a{font-size:large;}
.divCruiseImage{text-align:center;padding:10px 5px;}
.divCruiseImage img{width:100%;max-width:800px;}